本文主要介紹了jQuery中取消後續執行內容的實例,程式碼簡單易懂。需要的朋友來看吧
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> //点击a标签,不进行页面跳转 window.onload = function () { var obj = document.getElementById("myhref"); obj.onclick = function (event) { //取消默认行为 //return false; //分浏览器 //IE下 //01.第一道能力检测 event = event || window.event; if (event.preventDefault) { //非IE下 event.preventDefault(); } else { event.returnValue = false; } }; } </script> </head> <body> <a id="myhref" href="http://www.baidu.com">去百度</a> </body> </html>
這裡的a標籤的點擊效果本來是要跳到百度頁面的,但是我們透過參數取消預設行為的方式可以讓這個點擊事件的後續內容不執行。
有時會遇到同一個標籤上點擊後有多個事件,如果只想執行第一個事件而放棄後面的事件,可以加上一段代碼來阻止:
click me!
jquery怎麼阻止後綁定的事件
你的程式碼在頁面載入過程中已經完成事件綁定定了,沒有阻止後綁定的事件的辦法了,不過可以刪除目前指定節點的事件綁定。方法如下:
$("#btn").click(function(){ if($("#tx").val()==""){ alert("e1"); }else{ //删除后绑定的事件。。。 $("#btn").unbind('click'); } });
說明:
unbind([type],[data])
bind()的反向操作,從每一個匹配的元素中刪除綁定的事件。
如果沒有參數,則刪除所有綁定的事件。
你可以將你用bind()註冊的自訂事件取消綁定。
I如果提供了事件類型作為參數,則只刪除該類型的綁定事件。
如果把在綁定時傳遞的處理函數當作第二個參數,則只有這個特定的事件處理函數會被刪除。
jquery:怎麼可以阻止第二次點擊click事件?
jquery提供了一個只觸發一次點擊的方法
obj.one(function(){ });
或用obj.unbind("click")取消點擊事件