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

removeEventListener を使うと削除できます。
2021年12月1日
ユーザー

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

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

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