jQueryは、オンクリックイベントを無効にします

この記事では、ボタンがクリックされたときに入力フィールドがクリアするのを防ぐために、いくつかのjQueryコードスニペットを提供し、onclickイベントを効果的に無効にします。 これらの例は基本であり、特定のアプリケーションに応じて調整が必要になる場合があることに注意してください。

$('.del').click(function(){
   let onclick = $(this).attr('onclick');
   $(this).attr('onclick','');
   showConfirm(onclick);
   return false;
});

$('input').click(function(){
    console.log("clicked");
    let onclick = $(this).attr('onclick');
    $(this).attr('onclick','');
    showConfirm(onclick);
    return false;
});

$('input').each(function () {
  this.onclick = undefined;
});

$('.foo').removeAttr('onclick').click(function(){
  // Perform desired action
});

let original_onclick = $('.del').attr('onclick');
$('.del').removeAttr('onclick').click(function(){
  showConfirm(original_onclick);
});

jqueryでイベントを無効にすることに関するよくある質問（FAQ） このセクションでは、jQueryを使用したイベントの無効化に関する一般的な質問について説明します。 メソッドは、イベントハンドラーを管理するための推奨アプローチです。

Q：jquery？

​​onclickで.off()イベントを無効にする方法

a：メソッドを使用して、以前に接続されているイベントハンドラー：onclick：を削除します

Q：要素のすべてのイベントを無効にする方法？ .off().on()a：

コール

$("#element").off("click");

引数なし：

Q：障害のある event？

を再度に再度にできるようにする方法 a：.off()

：

$("#element").off();

を使用してイベントハンドラーを再攻撃します

onclickq：特定の関数に対して

a：関数を引数として：.on()に渡します

$("#element").on("click", function() {
  // Your code here
});

Q：特定のタイプのすべての要素に対してを無効にする方法は？ onclicka：

要素タイプをセレクターとして使用してください：

.off()Q：複数のイベントを一度に無効にする方法は？

let myFunction = function() {
  // Your code
};
$("#element").off("click", myFunction);

a：

スペースで区切られた複数のイベント名を：onclickに渡す

Q：動的に追加された要素の場合、を無効にする方法

$("button").off("click");

a：

静的な親にでイベント委任を使用してください：

Q：jqueryなしでを無効にする方法？ .off()

a：

$("#element").off("click mouseover");

Plain JavaScript：

でを使用します onclick

q：

が無効になっているかどうかを確認する方法？ .on()

a：

$("#parent").on("click", ".dynamic", function(event) {
  event.stopImmediatePropagation();
});

直接的な方法はありません。 イベントハンドラーの状態を追跡するために、フラグまたはデータ属性を維持します。

q：特定の期間に対してonclickを無効にする方法？

a：

を使用して、遅延後にイベントハンドラーを再度可能にします： removeEventListener

以上がjQueryは、オンクリックイベントを無効にしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。