イベントリスナーを付与する (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

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA