jquery取消事件冒泡的三種方法(推薦)
1、通過(guò)返回false來(lái)取消默認(rèn)的行為并阻止事件起泡。
jQuery 代碼:
$("form").bind(
"submit",
function() {
return false;
}
);
2、通過(guò)使用 preventDefault() 方法只取消默認(rèn)的行為。
jQuery 代碼:
$("form").bind(
"submit",
function(event){
event.preventDefault();
}
);
3、通過(guò)使用 stopPropagation() 方法只阻止一個(gè)事件起泡。
jQuery 代碼:
$("form").bind(
"submit",
function(event){
event.stopPropagation();
}
);
（4）總結(jié)
1. 一個(gè)事件起泡對(duì)應(yīng)觸發(fā)的是上層的同一事件
特殊：如果two設(shè)置成雙擊事件，那么在你單擊two的時(shí)候就會(huì)起泡觸發(fā)one單擊的事件
（雙擊包含單擊）。
2. 如果在click事件中，在你要處理的事件之前加上e.preventDefault();
那么就取消了行為（通俗理解：相當(dāng)于做了個(gè)return操作），不執(zhí)行之后的語(yǔ)句了。
3. e.stopPropagation()只要在click事件中，就不會(huì)觸發(fā)上層click事件。
//如果提供了事件對(duì)象，則這是一個(gè)非IE瀏覽器 if ( e && e.stopPropagation ) // 因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否則，我們需要使用IE的方式來(lái)取消事件冒泡 window.event.cancelBubble = true; return false;
以上這篇jquery取消事件冒泡的三種方法(推薦)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
用jQuery實(shí)現(xiàn)可輸入多選下拉組合框?qū)嵗a
這篇文章主要介紹了用jquery實(shí)現(xiàn)可輸入多選下拉組合框的實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-01-01
jQuery實(shí)現(xiàn)橫向帶緩沖的水平運(yùn)動(dòng)效果(附demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)橫向帶緩沖的水平運(yùn)動(dòng)效果,涉及jQuery中鼠標(biāo)事件及animate方法使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01
JQuery.validationEngine表單驗(yàn)證插件(推薦)
這篇文章主要介紹了JQuery.validationEngine表單驗(yàn)證插件(推薦)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
這里所說(shuō)的，用jquery去驗(yàn)證某一組多選至少要有一個(gè)選中，某一組單選至少有一個(gè)選中，，大家都知道單一的一個(gè)用js比較好驗(yàn)證，但是想要用jquery的驗(yàn)證并且用到j(luò)query驗(yàn)證的提示信息，那么這就不好辦了2013-08-08
基于jquery實(shí)現(xiàn)發(fā)送文章到手機(jī)的代碼
這篇文章主要介紹了基于jquery實(shí)現(xiàn)發(fā)送文章到手機(jī)的代碼,非常簡(jiǎn)單實(shí)用，需要的朋友可以參考下2014-12-12
ASP.NET jQuery 實(shí)例4(復(fù)制TextBox的文本到本地剪貼板上)
在這節(jié)，我們將看到如何把多行文本框的內(nèi)容復(fù)制到剪貼板上。注意：jQuery clipboard plugin 只支持IE2012-01-01
jquery 獲取標(biāo)簽名(tagName)示例代碼
如果是需要取到tagName后再進(jìn)行判斷，那么下面的代碼或許對(duì)大家有所幫助，感興趣的朋友不妨嘗試一下哈2013-07-07
jQuery實(shí)現(xiàn)ToolTip元素定位顯示功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)ToolTip元素定位顯示功能,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素屬性的動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-11-11
jquery ezUI 雙擊行記錄彈窗查看明細(xì)的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jquery ezUI 雙擊行記錄彈窗查看明細(xì)的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
基于jQuery實(shí)現(xiàn)的打字機(jī)效果
本文主要分享了基于jQuery實(shí)現(xiàn)的打字機(jī)效果的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01