jquery では、unbind() メソッドを使用して要素のすべてのイベントのバインドを解除できます。構文は「$(selector).unbind();」です。 unbind() メソッドは、要素にバインドされているすべてのイベント ハンドラーを削除することも、イベント ハンドラーを指定することもできます。メソッドでパラメーターを指定しない場合は、すべてのイベントを削除できます。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
jquery では、unbind() メソッドを使用して、要素のすべてのイベントのバインドを解除できます。
unbind() メソッドは、選択した要素のイベント ハンドラーを削除します。
このメソッドは、イベントの発生時にすべてまたは選択したイベント ハンドラーを削除したり、指定された関数の実行を終了したりできます。
$(selector).unbind(event,function,eventObj)
パラメータ | 説明 |
---|---|
イベント | はい選択する。要素から削除する 1 つ以上のイベントを指定します。 スペースで区切られた複数のイベント値。 このパラメーターのみを指定した場合、指定したイベントにバインドされているすべての関数が削除されます。 |
#関数 | オプション。指定されたイベントを要素からバインド解除する関数の名前を指定します。|
eventObj | オプション。使用する削除されたイベント オブジェクトを指定します。これ ### eventsObj パラメータはイベント バインディング関数から取得されます。 |
unbind() メソッドでパラメータを指定しない場合、指定された要素のすべてのイベント ハンドラが削除されます。
例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("p").click(function() { $(this).slideToggle(); }); $("p").hover(function() { $(this).css("color","red"); }); $("button").click(function() { $("p").unbind(); }); }); </script> </head> <body> <p>这是一个段落。</p> <p>鼠标移入任意段落(p 元素),该段落字体颜色会变红。</p> <p>点击任意段落(p 元素),该段落就会消失。</p> <button>移除所有段落(p 元素)的事件句柄</button> </body> </html>
ご覧のとおり、上記の例では、マウス クリック イベントと移動イベントの両方がキャンセルされました。
[推奨学習:jQuery ビデオ チュートリアル
、Web フロントエンド ビデオ ]
以上がjqueryで要素のすべてのイベントをキャンセルする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。