實(shí)例解析jQuery中如何取消后續(xù)執(zhí)行內(nèi)容

更新時(shí)間：2016年12月01日 16:44:29 作者：川哥哥

本文主要介紹了jQuery中取消后續(xù)執(zhí)行內(nèi)容的實(shí)例，代碼通俗易懂。需要的朋友來(lá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 使用方法一
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操作基本控件方法實(shí)例分析
這篇文章主要介紹了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ù)據(jù)節(jié)點(diǎn)的JS方法(jquery)
前些日子為了提高人性化選擇樹狀權(quán)限的功能，根據(jù)樹的結(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
使用jquery操作session方法分享
本文給大家分享了一個(gè)jQuery操作session的插件jQuerysession，并做了簡(jiǎn)單介紹，及基本語(yǔ)法，非常不錯(cuò)的一個(gè)插件，推薦給小伙伴們。
2015-01-01
jQuery篩選器children()案例詳解(圖文)
jQuery的選擇包含兩種，一種是選擇器，一種是篩選器。篩選器是對(duì)選擇器選定的jQuery對(duì)象做進(jìn)一步選擇;記下來(lái)將詳細(xì)介紹下篩選器children()感興趣的你可不要錯(cuò)過(guò)了哈，或許本文的知識(shí)點(diǎn)對(duì)你有所幫助
2013-02-02
jQuery中:input選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:input選擇器用法,以實(shí)例形式較為詳細(xì)的分析了:input選擇器的功能、定義及匹配input元素時(shí)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-01-01