js/jquery/cssクリックイベント無効

js/jquery/cssクリックイベント無効

>仕事中にこのような状況に遭遇した:メールボックスのページの再送信を検証するには3分後に再送信をクリックする必要があるので、その前に彼のクリックを無効にする必要があります。

==ネットで調べたところ、いくつかの実現方法がありました==

1.cssマウスクリックイベントを無効にする

.disabled { pointer-events: none; }
//              ，  ***  ***     

jquery aラベル無効化方法1

01  $(document).ready(function () {
02          $("a").each(function () {
03              var textValue = $(this).html();
04              if (textValue == "XX  " || textValue == "    ") {
05                  $(this).css("cursor", "default");
06                  $(this).attr('href', '#');     //  のhref   が#の  、ステータスバーにはリンクアドレスが  されません
07                  $(this).click(function (event) {
08                      event.preventDefault();   //   target="_blank"を  し、 しいページを くのを  するには、この が  です。
09                  });
10              }
11          });
12  });

jquery aラベル無効化方法2

1   $('a.tooltip').live('click', function(event) {
2      alert("  ,   ！");  
3     event.preventDefault();   
4   });
jquery  a    3

1   $(function(){
2   $('.disableCss').removeAttr('href');//  a    href  
3   $('.disableCss').removeAttr('onclick');//  a    onclick  
4   });

jquery制御ボタンの無効化と有効化

コントロールボタンは無効です.

1   $('#button').attr('disabled',"true");  disabled  
2   $('#button').removeAttr("disabled");
      //  disabled  

Live()メソッドは、選択された要素に1つ以上のイベントハンドラを付加し、これらのイベントが発生したときに実行される関数を規定する.
live()メソッドで追加されたイベントハンドラは、スクリプトによって作成された新しい要素など、セレクタの現在および将来の要素に一致するのに適しています.
++問題:jQueryのlive()メソッドを使用してイベントをバインドすると、ボタンをクリックすると、このボタンにバインドされたイベントがnパス実行されるなど、繰り返しバインドされる場合があります.++
==解決:die()メソッドを使用して、live()メソッドがバインドされる前に、この要素上の前にバインドされたイベントをすべて解除し、live()メソッドで新しいイベントをバインドします.==

Jsコード


// die() ， live()
$("#selectAll").die().live("click",function(){
//
});
// die() ， live()
$("#selectAll").die().live("click",function(){
//
});
die()