cari

Rumah >hujung hadapan web >tutorial js >jQuery membatalkan klik tertentu event_jquery

jQuery membatalkan klik tertentu event_jquery

WBOY
WBOYasal
2016-05-16 15:13:141485semak imbas

Contoh dalam artikel ini menerangkan kaedah pelaksanaan jQuery untuk membatalkan acara klik tertentu. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Seperti yang kita semua tahu, jQuery boleh mengikat acara yang sama beberapa kali, dan setiap acara terikat boleh dilaksanakan. Inilah masalahnya. Dalam DOM yang dijana secara dinamik, kami mengikat dua klik berbeza (diandaikan sebagai A dan B) untuk elemen tertentu Apabila menambahkan elemen, semua elemen terikat kepada B semula... Ini akan membawa kepada yang terakhir Apabila diklik, acara B akan menjadi dua kali ganda.

Nasib baik, jQuery memberikan kami cara yang sangat elegan untuk membatalkan klik di bawah ruang nama tertentu.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>无标题页</title>
  <script src="jquery/jquery.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function(){
      $("#divTest").click(function(){
        alert("正式事件。");
      });
    });
    function bindEvent(){
      for(var i=0;i<3;i++){
        $("#divTest").bind("click.test",function(){
          testEvent();
        });
      }
    }
    function testEvent(){
      alert("测试事件");
    }
    function ignoreMultiEvent(){
      $("#divTest").unbind("click.test").bind("click.test",function(){
        testEvent();
      });
    }
  </script>
</head>
<body>
  <div id="divTest" style="height: 163px;text-align:center;line-height:163px;width: 500px; background-color: #0000FF;">
    点我进行测试
  </div>
  <input id="Button2" type="button" value="为上面的DIV绑定3次测试事件" onclick="bindEvent()" />
  <input id="Button1" type="button" value="保留正式事件， 取消已绑定的多次测试事件，再绑定一次测试事件 " onclick="ignoreMultiEvent()" />
</body>
</html>

Pembaca yang berminat dengan lebih banyak kandungan berkaitan jQuery boleh menyemak topik khas di tapak ini: "Kesan seret JQuery dan ringkasan kemahiran", "ringkasan kemahiran sambungan jQuery" , "ringkasan kesan khas klasik biasa JQuery", "animasi jQuery dan ringkasan penggunaan kesan khas", "ringkasan penggunaan pemilih jquery" dan "jQuery pemalam biasa dan ringkasan penggunaan》

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Terokai angularjs+requirejs untuk melaksanakan sepenuhnya rutin memuatkan atas permintaan_AngularJSArtikel seterusnya：Terokai angularjs+requirejs untuk melaksanakan sepenuhnya rutin memuatkan atas permintaan_AngularJS

Artikel berkaitan

Lihat lagi