jQueryでonclickイベントを削除する方法-フロントエンドQ&A-php.cn

jQueryでonclickイベントを削除する方法

WBOY

リリース： 2022-05-18 20:39:15

オリジナル

4442 人が閲覧しました

削除方法: 1. 「element object.removeAttr("onclick")」を使用して、HTML タグ内に定義されたイベントを削除します。 2. 「element object.unbind("click")」または「Element」を使用します。 object.off("click")" は、jquery イベントによってバインドされたイベントを削除します。

jQueryでonclickイベントを削除する方法

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

jquery で onclick イベントを削除する方法

1. onclick イベントが HTML タグ内で定義されている場合は、removeAttr("onlick") メソッドを使用する必要があります。

##removeAttr() メソッドは、選択した要素から 1 つ以上の属性を削除します。

<div id="test" onclick="setOnclick">onclick事件</div>
 
<javascript>
    $("#test").removeAttr("onclick");
</javascript>

ログイン後にコピー

2. 現在のクリックが jquery イベントによってバインドされたイベントである場合は、unbind("click") メソッドを使用する必要があります:

unbind() メソッド削除選択された要素のイベントハンドラー。

このメソッドは、イベントの発生時にすべてまたは選択したイベントハンドラーを削除したり、指定された関数の実行を終了したりできます。

このメソッドは、イベントオブジェクトを通じてイベントハンドラーのバインドを解除することもできます。このメソッドは、イベント自体のバインドを解除するためにも使用されます (イベントが一定回数トリガーされた後のイベントハンドラーの削除など)。

注: パラメーターが指定されていない場合、unbind() メソッドは指定された要素のすべてのイベントハンドラーを削除します。

注: unbind() メソッドは、jQuery によって追加されたすべてのイベントハンドラーに適用されます。

jQuery バージョン 1.7 以降、要素のイベントハンドラーを追加および削除するには、on() メソッドと off() メソッドが推奨されます。

// jquery 绑定事件
$(&#39;#test&#39;).click(function(){
    alert("click");
})
 
// 使用unbind解除绑定
$("#test").unbind("click");

ログイン後にコピー

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(&#39;#button1&#39;).click(function(){
    alert("click");
})
  $("#button2").click(function(){
    $("#button1").unbind();
  });
});
</script>
</head>
<body>
<button id="button1">点击事件</button>
<button id="button2">移除点击事件</button>
</body>
</html>

ログイン後にコピー

最初のボタンをクリックして結果を出力します:

jQueryでonclickイベントを削除する方法