jQuery の unbind() メソッドの使い方

unbind()メソッドは、イベントの結合を解除します。

文法について

$(selector).unbind(event)

パラメーターの説明:

  1. セレクター:イベントバインディングを解除する要素を選択するために使用します。
  2. イベント:バインドを解除するイベントです。

サンプル

イベント myEvent を発生させるボタン要素があり、これを unbind() メソッドを使用して、バインドされているイベントを取り除くことができます。

ネイティブな日本語で言い換えると、

<button id="myButton">Click Me</button>

私の友人たちはとても面白く、一緒にいるのは楽しいです。

// 绑定自定义事件
$("#myButton").on("myEvent", function() {
console.log("Button clicked!");
});
// 触发自定义事件
$("#myButton").trigger("myEvent");
// 解除事件绑定
$("#myButton").unbind("myEvent");
// 再次触发自定义事件,不会有任何输出
$("#myButton").trigger("myEvent");

ボタンクリック時にコンソールに「Button clicked!」を出力し、その後イベントバインディングを解除する。その後にボタンをクリックしても、何も出力されない。

bannerAds