【JavaScript】イベントハンドラの削除 removeEventHander

イベントハンドラの削除 removeEventHander

構文
要素オブジェクト.removeEventListener(イベントの種類, 削除したいイベントハンドラ, false);

例 ボタンをHTMLで準備しておき、押した際にHellow Worldをコンソールに表示のイベントハンドラを削除
const sayHelloWorldButton = document.getElementById('ボタンのid');
function sayHelloWoldEventHandler(e) {
  console.log('Hello World');
}

sayHelloWorldButton.addEventListener('click', sayHelloWoldEventHandler, false);
イベントをハンドラを削除
sayHelloWorldButton.removeEventListener('click', sayHelloWoldEventHandler, false);