ホームページ > 記事 > ウェブフロントエンド > jQueryでonclickイベントを削除する方法
jQueryでonclickイベントを削除する方法
- WBOYオリジナル
- 2022-04-18 11:29:504443ブラウズ
削除方法: 1. 「element object.removeAttr("onclick")」を使用して、HTML タグ内に定義されたイベントを削除します。 2. 「element object.unbind("click")」または「Element」を使用します。 object.off("click")" は、jquery イベントによってバインドされたイベントを削除します。
このチュートリアルの動作環境: 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 绑定事件
$('#test').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(){
$('#button1').click(function(){
alert("click");
})
$("#button2").click(function(){
$("#button1").unbind();
});
});
</script>
</head>
<body>
<button id="button1">点击事件</button>
<button id="button2">移除点击事件</button>
</body>
</html>最初のボタンをクリックして結果を出力します:
以上がjQueryでonclickイベントを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：反応におけるキーの使用法は何ですか次の記事：反応におけるキーの使用法は何ですか