實(shí)例解析jQuery中如何取消后續(xù)執(zhí)行內(nèi)容
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
//點(diǎn)擊a標(biāo)簽,不進(jìn)行頁面跳轉(zhuǎn)
window.onload = function () {
var obj = document.getElementById("myhref");
obj.onclick = function (event) {
//取消默認(rèn)行為
//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標(biāo)簽的點(diǎn)擊效果本來是要跳轉(zhuǎn)到百度頁面的,但是我們通過參數(shù)取消默認(rèn)行為的方式可以讓這個(gè)點(diǎn)擊事件的后續(xù)內(nèi)容不執(zhí)行。
有時(shí)候會(huì)遇到 同一個(gè)標(biāo)簽上點(diǎn)擊后有多個(gè)事件,如果只想執(zhí)行第一個(gè)事件而放棄后面的事件,可以加上一段代碼來阻止:
<span onclick="alert('后面的不會(huì)執(zhí)行了!');event.stopPropagation();">click me!</span>
jquery怎阻止后綁定的事件
你的代碼在頁面載入過程中已經(jīng)完成事件綁定了,沒有阻止后綁定的事件的辦法了,不過可以刪除當(dāng)前指定節(jié)點(diǎn)的事件綁定。方法如下:
$("#btn").click(function(){
if($("#tx").val()==""){
alert("e1");
}else{
//刪除后綁定的事件。。。
$("#btn").unbind('click');
}
});
說明:
unbind([type],[data])
bind()的反向操作,從每一個(gè)匹配的元素中刪除綁定的事件。
如果沒有參數(shù),則刪除所有綁定的事件。
你可以將你用bind()注冊的自定義事件取消綁定。
I如果提供了事件類型作為參數(shù),則只刪除該類型的綁定事件。
如果把在綁定時(shí)傳遞的處理函數(shù)作為第二個(gè)參數(shù),則只有這個(gè)特定的事件處理函數(shù)會(huì)被刪除。
jquery:怎可以阻止第二次點(diǎn)擊click事件?
jquery提供了一個(gè)只觸發(fā)一次點(diǎn)擊的方法
obj.one(function(){
});
或者用obj.unbind("click")取消點(diǎn)擊事件
以上就是本文的全部內(nèi)容,希望對(duì)大家有所幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
為你的網(wǎng)站增加亮點(diǎn)的9款jQuery插件推薦
如今,jQuery插件眾多,滿足各種各樣的應(yīng)用需求。 在這篇文章中,我收集了9款很棒的插件,最喜歡的是Sausage內(nèi)容分頁插件,作者想法特別新穎!希望你能從中找到自己需要的插件。2011-05-05
基于Jquery代碼實(shí)現(xiàn)手風(fēng)琴菜單
這篇文章主要介紹了基于Jquery代碼實(shí)現(xiàn)手風(fēng)琴菜單,代碼簡單易懂,需要的朋友參考下2015-11-11
淺析jquery如何判斷滾動(dòng)條滾到頁面底部并執(zhí)行事件
jquery如何判斷滾動(dòng)條滾到頁面底部并執(zhí)行事件?下面小編就為大家?guī)硪黄猨query判斷滾動(dòng)條滾到頁面底部并執(zhí)行事件方法。希望對(duì)大家有所幫助,一起跟隨小編過來看看吧2016-04-04
jquery動(dòng)態(tài)分頁效果堪比時(shí)光網(wǎng)
剛剛弄好了一個(gè)jquery動(dòng)態(tài)分頁效果,拿出來與大家分享,效果與時(shí)光網(wǎng)的差不多2014-09-09
jQuery實(shí)現(xiàn)開關(guān)燈效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)開關(guān)燈效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08
用Jquery.load載入頁面后樣式?jīng)]了頁面混亂的解決方法
一直想用jquery.load的方法載入新的頁面,以實(shí)現(xiàn)局部刷新,結(jié)果發(fā)現(xiàn)樣式?jīng)]了,后來發(fā)現(xiàn)了解決方法,如果不過濾掉一些內(nèi)容的話,直接加載,會(huì)使頁面混亂的2014-10-10
jQuery-1.9.1源碼分析系列(十一)DOM操作續(xù)之克隆節(jié)點(diǎn)
這篇文章主要介紹了jQuery-1.9.1源碼分析系列(十一)DOM操作續(xù)之克隆節(jié)點(diǎn)的相關(guān)資料,需要的朋友可以參考下2015-12-12

