ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptでイベントのバインドを解除する方法

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

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-06-15 10:10:079624ブラウズ

方法: 1. 直接削除方法。「object.onclick=false;」ステートメントを使用してバインディング イベントを削除します。 2. まず addEventListener を使用してイベントをバインドし、次に、removeEventListener を使用してバインドされたイベントを削除します。

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

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

ネイティブ JS JavaScript アンバインド イベント JS 削除バインディング イベント

1. 直接削除メソッド

1. 直接バインドされたイベントに適用可能:

<h1 id="h1" onclick="_click();">送你一朵花</h1>

2. ロック解除メソッド:

function unbind(){
    var h1 = document.getElementById(&#39;h1&#39;);
    h1.onclick= false; // 或者 h1.onclick= null ;
}

2. 最初にバインディング関数を用意し、次にアンバインド メソッド

1. まず addEventListener を使用してイベント

    var h1 = document.getElementById(&#39;h1&#39;);
	h1.addEventListener(&#39;click&#39;,clickx_,false);
	function clickx_(){
		alert("点击到了");
		unclick();
	}

2 をバインドし、その後、removeEventListener を使用しますバインディング イベントを削除するには

    function unclick(){
		var h1 = document.getElementById(&#39;h1&#39;);
		h1.removeEventListener(&#39;click&#39;,clickx_,false);
	}

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。