jQueryのoff()メソッドでイベントを削除する方法

jQuery でイベントを削除する方法: 最初にコード ファイルを作成し、次に HTML 要素を入力します。最後に、[object element.off(イベント名, セレクター)] を通じて特定の HTML 要素に登録されたイベントを削除します。 ] 構文 以上です。

この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、jquery バージョン 3.2.1。

off()は特定のHTML要素に登録されているイベントを削除できるメソッドです。今回はjQueryのoff()メソッドを使ってイベントを削除する具体的な使い方を紹介します。

まずは例を見てみましょう

$('button').click(function() {
    console.log('按钮被点击！');
})
$('a').on('click', function() {
    console.log('链接被点击！');
})

この例では、クリックイベントの処理状況を「Button要素」と「Link要素」にそれぞれ記述しています。

クリックするとコンソールで指定した文字列が出力されます。

この場合、クリックイベントの処理が必要ないため、動的に削除したい場合にはoff()が非常に便利です。

次に、off()の使用法を見てみましょう

off()は基本的に、イベントが登録されている要素に対して実行されます。

基本的な構文は次のとおりです。

对象元素.off( 事件名称, 选择器 )

対象要素に対して off() が実行されていることがわかります。

パラメータは省略可能ですが、イベント名を指定することで特定のイベントを削除できます。

さらに、セレクターを設定することで、削除されるオブジェクトの範囲を制限することもできます。

特定のイベントを削除する方法(クリック)

次のようなHTMLがあったとします。

<a href="#">链接</a>
<button>删除</button>

これは単純な「リンク要素」と「ボタン要素」をそれぞれ設定した状態です。

この状態で「リンク要素」をクリックすると、以下のように文字列がコンソールに出力されます。

$('a').on('click', function() {
  console.log('链接已被点击！');
})

on メソッドを使用してクリック イベントが登録されていることがわかります。

次に、「ボタン要素」をクリックして「リンク要素」イベントを削除してみましょう。

$('button').on('click', function() {
  $('a').off();
})

この例では、クリック イベント処理のリンク要素に対して off() が実行されていることがわかります。

したがって、link要素のイベントはbutton要素がクリックされた瞬間に削除されます。

リンク要素をクリックしてもコンソールに情報が出力されないことが確認できます。

この記事はここで終了です。さらに興味深い内容については、PHP 中国語 Web サイトにある他の関連コラム チュートリアルをご覧ください。 ！ ！

以上がjQueryのoff()メソッドでイベントを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。