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

イベントを終了させる方法を教えてください。
今回の講義を以下コードのように記述しているのですが、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)

サービスメニュー

ご利用にあたって

ソーシャルメディア

更新情報