イベントリスナーの取り扱い [JavaScript]

イベントリスナーを付与する (addEventListener)

target.addEventListener(type, listener[, options])
target.addEventListener(type, listener[, useCapture])

参考：

EventTarget.addEventListener() | MDN

addEventListener の第3引数が拡張されてるという話 – Qiita

addEventListener (removeEventListener、useCapture、stopPropagation など) – カスタムイベント使い方／簡単なまとめ – Qiita

useCapture

イベントをキャプチャーフェイズで処理する。

（出典：w3.org ）

参考：

EventTarget.addEventListener() – 引数 | MDN

DOM イベントのキャプチャ/バブリングを整理する – Qiita

Event Dispatch and DOM Event Flow | W3C

イベントリスナーを削除する (removeEventListener)

target.removeEventListener(type, listener[, options])
target.removeEventListener(type, listener[, useCapture])

参考：

EventTarget.removeEventListener()  | SYNCER

設定したイベントリスナーを解除する | GRAYCODE JavaScript

EventTarget.removeEventListener | MDN

Event オブジェクト

参考：

Event – 発生したイベントの情報を取得する | Let’s プログラミング

Event.currentTarget と Event.target の違いについて | Let’s プログラミング

Event | MDN

無名関数の登録を削除したい

参考：

addEventListener の無名関数を removeEventListener で消す方法 | Web 活

特定のDOM／イベントに登録されたハンドラを全て削除したい

参考：

How to remove all events of a DOM object? – Stack Overflow

arguments.callee

参考：

arguments.callee | MDN

addEventListener で無名関数をセットした際に、無名関数内でそのイベントを removeEventListener する – GitHub Gist

onclick

参考：

click イベント – マウスがクリックされたとき | Let’s プログラミング

GlobalEventHandlers.onclick | MDN