イベントリスナーの取り扱い [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 | MDN

参考：

EventTarget.removeEventListener()  | SYNCER

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

Event オブジェクト

ドキュメント：

Event | MDN

参考：

Event – 発生したイベントの情報を取得する | JavaDrive

Event.currentTarget と Event.target の違いについて | JavaDrive

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

参考：

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

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

参考：

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

arguments.callee

ドキュメント：

arguments.callee | MDN

コード：

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

onclick

ドキュメント：

GlobalEventHandlers.onclick | MDN

参考：

click イベント – マウスがクリックされたとき | JavaDrive

beforeunload

ドキュメント：

beforeunload イベント | MDN

参考：

俺の書いた離脱防止用 beforeunload イベントがなんかおかしい件 – Qiita

beforeunload イベント – ページがアンロードされる直前 | JavaDrive

beforeunload のダイアログが出現しないことがある | バグ取りの日々

unload

**DEPRECATED**

ドキュメント：

unload イベント | MDN

リンク：

アンロードイベントの非推奨 | Chrome for Developers [公式]