2019獨角獸企業(yè)重金招聘Python工程師標準>>>

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

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

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

第二種方法：在直接目標中終止事件傳遞

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

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

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

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

?

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

總結(jié)

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

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