DOMイベントの削除

2297 ワード

javascript イベントの削除 DOM

DOMイベントの削除は、イベントハンドラの分類によって2種類あります.

DOM 0レベルイベントハンドラのイベント削除

傍受事件

element.onclick = function () {
         }

削除イベント

element.onclick = null

DOM 2レベルイベントハンドラのイベント削除
DOM 2レベルのイベント削除は、削除されたイベント関数が傍受されたイベント関数と同じ関数であることを保証しなければなりません.つまり、ポインタは同じです.したがって、DOM 2レベルのイベントハンドリング関数は、ネーミング関数でなければなりません.

名前付きイベントハンドラ

var test = function () {
         }
 
function test () {
         }

傍受事件

element.addEventListener('click', test, false)

イベントを削除する

element.removeEventListener('click', test, false)

は、以上のようにしてこそ、DOM 2レベルのイベントハンドラを削除することができる.