jqueryイベントのunbind()メソッドの使い方-フロントエンドQ&A-php.cn

jqueryイベントのunbind()メソッドの使い方

WBOY

リリース： 2022-06-01 18:52:14

オリジナル

2267 人が閲覧しました

jqueryでは、unbind()メソッドを使用して、指定した要素のイベントハンドラを削除します。構文は「要素オブジェクト.unbind(削除するイベント、アンバインド関数名、使用するmove)event」となります。 object)"; このメソッドは、イベントの発生時に指定されたイベントハンドラーを削除したり、指定された関数の実行を終了したりできます。

jqueryイベントのunbind()メソッドの使い方

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery イベントの unbind() メソッドの使用方法

unbind() メソッドは、選択した要素のイベントハンドラーを削除します。

このメソッドは、イベントの発生時にすべてまたは選択したイベントハンドラーを削除したり、指定された関数の実行を終了したりできます。

このメソッドは、イベントオブジェクトを通じてイベントハンドラーのバインドを解除することもできます。このメソッドは、イベント自体のバインドを解除するためにも使用されます (イベントが一定回数トリガーされた後のイベントハンドラーの削除など)。

注: パラメーターが指定されていない場合、unbind() メソッドは指定された要素のすべてのイベントハンドラーを削除します。

注: unbind() メソッドは、jQuery によって追加されたすべてのイベントハンドラーに適用されます。

構文は次のとおりです:

$(selector).unbind(event,function,eventObj)

ログイン後にコピー

event オプション。要素から削除する 1 つ以上のイベントを指定します。スペースで区切られた複数のイベント値。このパラメーターのみを指定した場合、指定したイベントにバインドされているすべての関数が削除されます。
関数オプション。指定されたイベントを要素からバインド解除する関数の名前を指定します。
eventObj オプション。使用する削除されたイベントオブジェクトを指定します。 eventsObj パラメータは、イベントバインディング関数から取得されます。

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).slideToggle();
  });
  $("button").click(function(){
    $("p").unbind();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<p>点击任意段落(p 元素)，该段落就会消失。</p>
<button>移除所有段落(p 元素)的事件句柄</button>
</body>
</html>

ログイン後にコピー

出力結果:

jqueryイベントのunbind()メソッドの使い方