實例解析jQuery中如何取消后續(xù)執(zhí)行內(nèi)容
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> //點擊a標簽,不進行頁面跳轉(zhuǎn) 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" >去百度</a> </body> </html>
這里的a標簽的點擊效果本來是要跳轉(zhuǎn)到百度頁面的,但是我們通過參數(shù)取消默認行為的方式可以讓這個點擊事件的后續(xù)內(nèi)容不執(zhí)行。
有時候會遇到 同一個標簽上點擊后有多個事件,如果只想執(zhí)行第一個事件而放棄后面的事件,可以加上一段代碼來阻止:
<span onclick="alert('后面的不會執(zhí)行了!');event.stopPropagation();">click me!</span>
jquery怎阻止后綁定的事件
你的代碼在頁面載入過程中已經(jīng)完成事件綁定了,沒有阻止后綁定的事件的辦法了,不過可以刪除當前指定節(jié)點的事件綁定。方法如下:
$("#btn").click(function(){ if($("#tx").val()==""){ alert("e1"); }else{ //刪除后綁定的事件。。。 $("#btn").unbind('click'); } });
說明:
unbind([type],[data])
bind()的反向操作,從每一個匹配的元素中刪除綁定的事件。
如果沒有參數(shù),則刪除所有綁定的事件。
你可以將你用bind()注冊的自定義事件取消綁定。
I如果提供了事件類型作為參數(shù),則只刪除該類型的綁定事件。
如果把在綁定時傳遞的處理函數(shù)作為第二個參數(shù),則只有這個特定的事件處理函數(shù)會被刪除。
jquery:怎可以阻止第二次點擊click事件?
jquery提供了一個只觸發(fā)一次點擊的方法
obj.one(function(){ });
或者用obj.unbind("click")取消點擊事件
以上就是本文的全部內(nèi)容,希望對大家有所幫助,同時也希望多多支持腳本之家!
相關文章
淺析jquery如何判斷滾動條滾到頁面底部并執(zhí)行事件
jquery如何判斷滾動條滾到頁面底部并執(zhí)行事件?下面小編就為大家?guī)硪黄猨query判斷滾動條滾到頁面底部并執(zhí)行事件方法。希望對大家有所幫助,一起跟隨小編過來看看吧2016-04-04用Jquery.load載入頁面后樣式?jīng)]了頁面混亂的解決方法
一直想用jquery.load的方法載入新的頁面,以實現(xiàn)局部刷新,結(jié)果發(fā)現(xiàn)樣式?jīng)]了,后來發(fā)現(xiàn)了解決方法,如果不過濾掉一些內(nèi)容的話,直接加載,會使頁面混亂的2014-10-10jQuery-1.9.1源碼分析系列(十一)DOM操作續(xù)之克隆節(jié)點
這篇文章主要介紹了jQuery-1.9.1源碼分析系列(十一)DOM操作續(xù)之克隆節(jié)點的相關資料,需要的朋友可以參考下2015-12-12