實(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)行頁(yè)面跳轉(zhuǎn)
window.onload = function () {
var obj = document.getElementById("myhref");
obj.onclick = function (event) {
//取消默認(rèn)行為
//return false;
//分瀏覽器
//IE下
//01.第一道能力檢測(cè)
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)擊效果本來(lái)是要跳轉(zhuǎn)到百度頁(yè)面的，但是我們通過(guò)參數(shù)取消默認(rèn)行為的方式可以讓這個(gè)點(diǎn)擊事件的后續(xù)內(nèi)容不執(zhí)行。
有時(shí)候會(huì)遇到 同一個(gè)標(biāo)簽上點(diǎn)擊后有多個(gè)事件，如果只想執(zhí)行第一個(gè)事件而放棄后面的事件，可以加上一段代碼來(lái)阻止：
<span onclick="alert('后面的不會(huì)執(zhí)行了!');event.stopPropagation();">click me!</span>
jquery怎阻止后綁定的事件
你的代碼在頁(yè)面載入過(guò)程中已經(jīng)完成事件綁定了，沒(méi)有阻止后綁定的事件的辦法了，不過(guò)可以刪除當(dāng)前指定節(jié)點(diǎn)的事件綁定。方法如下：
$("#btn").click(function(){
if($("#tx").val()==""){
alert("e1");
}else{
//刪除后綁定的事件。。。
$("#btn").unbind('click');
}
});
說(shuō)明：
unbind([type],[data])
bind()的反向操作，從每一個(gè)匹配的元素中刪除綁定的事件。
如果沒(méi)有參數(shù)，則刪除所有綁定的事件。
你可以將你用bind()注冊(cè)的自定義事件取消綁定。
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)擊事件
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家有所幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
原生JS和jQuery版實(shí)現(xiàn)文件上傳功能
這篇文章主要介紹了HTML5中用js、jQuery結(jié)合Ajax實(shí)現(xiàn)文件上傳功能，HTML5中已經(jīng)可以用Ajax上傳文件了，而且代碼簡(jiǎn)單，借助 FormData類即可發(fā)送文件數(shù)據(jù)，感興趣的小伙伴們可以參考一下2016-04-04
jQuery1.6 使用方法1，想要學(xué)習(xí)jquery的朋友可以參考下。2011-11-11
jQuery+Ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)
這篇文章主要介紹了jQuery+Ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)，本文使用的生成分頁(yè)的工具條是jquery.pagination.js，感興趣的小伙伴們可以參考一下2015-10-10
這篇文章主要介紹了jQuery操作基本控件方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery針對(duì)控件的樣式,ID獲取,遍歷及屬性操作等常用技巧,需要的朋友可以參考下2015-12-12
jQuery用noConflict代替$的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jQuery用noConflict代替$的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
選擇TreeView控件的樹(shù)狀數(shù)據(jù)節(jié)點(diǎn)的JS方法(jquery)
前些日子為了提高人性化選擇樹(shù)狀權(quán)限的功能，根據(jù)樹(shù)的結(jié)構(gòu)用jquery寫了個(gè)方法。2010-02-02
jquery移動(dòng)節(jié)點(diǎn)實(shí)例
這篇文章主要介紹了jquery移動(dòng)節(jié)點(diǎn)的實(shí)現(xiàn)方法,主要涉及append()方法的使用技巧,需要的朋友可以參考下2015-01-01
本文給大家分享了一個(gè)jQuery操作session的插件jQuerysession，并做了簡(jiǎn)單介紹，及基本語(yǔ)法，非常不錯(cuò)的一個(gè)插件，推薦給小伙伴們。2015-01-01
jQuery的選擇包含兩種，一種是選擇器，一種是篩選器。篩選器是對(duì)選擇器選定的jQuery對(duì)象做進(jìn)一步選擇;記下來(lái)將詳細(xì)介紹下篩選器children()感興趣的你可不要錯(cuò)過(guò)了哈，或許本文的知識(shí)點(diǎn)對(duì)你有所幫助2013-02-02
這篇文章主要介紹了jQuery中:input選擇器用法,以實(shí)例形式較為詳細(xì)的分析了:input選擇器的功能、定義及匹配input元素時(shí)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01