ホームページ >ウェブフロントエンド >フロントエンドQ&A >jQueryでonclickイベントを削除する方法
削除方法: 1. 「element object.removeAttr("onclick")」を使用して、HTML タグ内に定義されたイベントを削除します。 2. 「element object.unbind("click")」または「Element」を使用します。 object.off("click")" は、jquery イベントによってバインドされたイベントを削除します。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
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>最初のボタンをクリックして結果を出力します: 2 番目のボタンをクリックした後、最初のボタンのクリック イベントを除く 推奨関連ビデオ チュートリアル:
以上がjQueryでonclickイベントを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。