JavaScriptでイベントのバインドを解除する方法

方法: 1. "object name.onclick=null" ステートメントを使用します。 2. "object name.removeEventListener(type, function(){},false)" ステートメントを使用します。 3. " object.detachEvent" ステートメント。(タイプ、名前)" ステートメント。

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

互換性イベント バインディング メソッドをカプセル化する ニーズに応じて、イベント バインディングがトリガーされた後にイベントに連絡する必要がある場合があります。

イベント メソッドのバインド解除:

1. onclick のバインド解除

 element.onclick = false/''/null

Instance

<p></p>
 var p = document.getElementByTagName("p")[0]; 
    p.onclick = function () {
    console.log("a");
    p.onclick = null; 
}

2. バインド解除 addEventListener(type,function() {} , false)、

キャンセルするには削除を使用します。

addEventListener(type, function(){}, false) をキャンセルするには、イベント タイプ、関数、および false が 1 対 1 に対応している必要があります

間違ったキャンセル方法

var p = document.getElementByTagName("p");
p.addEventListener('click',function(){
    console.log("a");
},false)
p.removeEventListener(type,（function(){console.log("a");}）,false)

この状況は解決できません

正しいキャンセル方法

function test(){
    console.log("a");
}
p.addEventListener('click',test,false);
p.removeEventListener('click',test,false);

3. AttachEvent('on' type,function() を解放します) { })、detachEvent('on' type, function(){}) を使用して

function test(){}
obj.attachEvent('on'+ type,test);
obj.detachEvent('on'+type,test)

[推奨学習: JavaScript 上級チュートリアル ]

以上がJavaScriptでイベントのバインドを解除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。