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

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

醉折花枝作酒筹
リリース: 2023-01-06 11:17:26
オリジナル
9625 人が閲覧しました

方法: 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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート