ホームページ >ウェブフロントエンド >フロントエンドQ&A >jQueryでイベントを削除する方法
イベントを削除する Jquery メソッド: 1. unbind() を使用します。「イベントがバインドされている要素。unbind("指定されたイベント名")」という構文により、選択した要素の指定されたイベントを削除できます。 2. off() を使用すると、要素内の on() で追加された指定されたイベントを削除できます。構文は、「イベントがバインドされている要素.off("イベント名")」です。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
#イベントを削除する jquery メソッド
方法 1: unbind() メソッドを使用する
unbind() メソッドは、選択した要素のイベント ハンドラーを削除します。 このメソッドは、イベントの発生時にすべてまたは選択したイベント ハンドラーを削除したり、指定された関数の実行を終了したりできます。 ubind() は、jQuery 経由でアタッチされた任意のイベント ハンドラーで動作します。 構文:$(selector).unbind(event,function,eventObj)
説明 | |
---|---|
イベント | オプション。要素から削除する 1 つ以上のイベントを指定します。
スペースで区切られた複数のイベント値。 このパラメーターのみを指定した場合、指定したイベントにバインドされているすべての関数が削除されます。 |
オプション。指定されたイベントを要素からバインド解除する関数の名前を指定します。 | |
オプション。使用する削除されたイベント オブジェクトを指定します。これ ### eventsObj | パラメータはイベント バインディング関数から取得されます。
|
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> function alertMe1() { alert("Hello World!"); } function alertMe2() { $("p").css("color","red") } $(document).ready(function() { $("p").click(alertMe1).click(alertMe2); $("button").click(function() { $("p").unbind("click"); }); }); </script> </head> <body> <p>这是一个段落。</p> <p>这是另外一个段落。</p> <p>点击任意一个p元素来触发 alert 弹窗且字体颜色变红。</p> <button>移除 p 元素的 click 事件</button> </body>
手順: jQuery バージョン 1.7 では、要素のイベント ハンドラーを追加および削除するには、on() メソッドと off() メソッドが推奨される方法です。 方法 2: off() メソッドを使用する
off() メソッドは、通常、on() メソッドを通じて追加されたイベント ハンドラーを削除するために使用されます。 注: 指定したイベント ハンドラーを削除するには、セレクター文字列が、イベント ハンドラーの追加時に on() メソッドで渡されるパラメーターと一致する必要があります。
構文:
$(selector).off(event,selector,function(eventObj),map)
イベント | |
---|---|
必須。選択した要素から削除する 1 つ以上のイベントまたは名前空間を指定します。 スペースで区切られた複数のイベント値。有効なイベントである必要があります。 |
#セレクター |
function(eventObj) | |
map | |
{event:function, events:function, ...}) を指定します。要素に追加される 1 つ以上のイベントと、イベントの発生時に実行される関数が含まれます。 | 例: |
[推奨学習:
jQuery ビデオ チュートリアル、ウェブ フロントエンド ビデオ
]以上がjQueryでイベントを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。