イベントリスナーを削除する方法を教えてください

イベントを終了させる方法を教えてください。
今回の講義を以下コードのように記述しているのですが、document.querySelectorAll('button')[0]のイベントに終了させる処理を記述してイベントを制御したいと考えています。
ただ、mouseover, keydown自体どうすればイベントを終了させることができるのかがわかりません。
ご教授頂けないでしょうか。

JS:

'user strict';
{
document.querySelectorAll('button')[0].addEventListener('dblclick', ()=>{
});
document.querySelectorAll('button')[1].addEventListener('click', () =>{
  document.addEventListener('mousemove', e =>{
    console.log(e.clientX, e.clientY);
  });
});
document.querySelectorAll('button')[2].addEventListener('click', () =>{
  document.addEventListener('keydown', e =>{
    console.log(e.key);
  });
});
}

HTML:

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>JavaScript Basics</title>
</head>
<body>
  <button>Add dblclick</button>
  <button>Add mousemove</button>
  <button>Add keydown</button>
  <script src="js/main.js"></script>
</body>
</html>

ドットインストール - 3分動画でマスターできるプログラミング学習サービス

JS:

HTML:

この質問のレッスン

このレッスンの質問と回答 (7)

サービスメニュー

ご利用にあたって

プログラミング勉強会

ソーシャルメディア

更新情報