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

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

第3引数省略

target.addEventListener(type, listener)
Code language: JavaScript (javascript)

options

target.addEventListener(type, listener, options)
Code language: JavaScript (javascript)

useCapture

target.addEventListener(type, listener, useCapture)
Code language: JavaScript (javascript)

参考：

EventTarget.addEventListener() | MDN

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

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

useCapture

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

（出典：w3.org ）

参考：

useCapture- EventTarget.addEventListener() | MDN

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

Event Dispatch and DOM Event Flow | W3C

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

第3引数省略

target.removeEventListener(type, listener)
Code language: JavaScript (javascript)

options

target.removeEventListener(type, listener, options)
Code language: JavaScript (javascript)

useCapture

target.removeEventListener(type, listener, useCapture)
Code language: JavaScript (javascript)

参考：

EventTarget.removeEventListener()  | SYNCER

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

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