2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

根據(jù)《jquery基礎(chǔ)教程》

第一種方法：判斷事件的“直接”目標(biāo)是否是自身，如果不是自身，不予處理

$('div.outter').click(function(event) {if (event.target === this) {$('p').css('color', 'red');} }); //該div事件handler忽略了冒泡，內(nèi)部元素的點(diǎn)擊事件不會(huì)聯(lián)帶外部產(chǎn)生副作用

第二種方法：在直接目標(biāo)中終止事件傳遞

$('h3').click(function(event){console.log('Enter h3 click event handler');event.stopPropagation(); // 終止了事件的冒泡傳遞 });

第三種方法：由于stopPropagation并不能阻止“默認(rèn)行為”，如果想要阻止默認(rèn)行為，那么使用

event.preventDefault()，所謂的默認(rèn)行為例如，點(diǎn)擊<a>會(huì)打開(kāi)一個(gè)新的網(wǎng)頁(yè)鏈接，惦記submit會(huì)提交一個(gè)表單。默認(rèn)行為的觸發(fā)并不在普通的事件流當(dāng)中。

$('a').click(function(event){event.preventDefault();// do something });

?

轉(zhuǎn)載于:https://my.oschina.net/u/566896/blog/830281

總結(jié)

以上是生活随笔為你收集整理的jquery中阻止事件冒泡的方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。