1.阻止事件冒泡,使成為捕獲型事件觸發(fā)機(jī)制.

取消tr里面子元素響應(yīng)tr定義的事件,在tr子元素里面禁止氣泡事件就可以，子元素事件中加入window.event.cancelBubble=true 即可！ 例子：
表格行有一個(gè)單擊事件,例如:
<table><tr οnclick="alert('hello world')"><td><input type="button" value="增加" οnclick="alert('你好！')"/></td><td>111</td><td>222</td><td>333</td></tr>
</table>

上面的表格當(dāng)點(diǎn)擊其它單元格時(shí)都會(huì)彈出“hello world”，怎樣讓點(diǎn)擊“增加”時(shí)不讓彈出這個(gè)警告框?
在td或者input元素的事件中加入“window.event.cancelBubble = true”即可。

例如：<td οnclick="window.event.cancelBubble=true;"><input type="button" value="增加" οnclick="alert('你好！')"/></td>
或者：<td><input type="button" name="add" οnclick="alert('你好！');window.event.cancelBubble=true;"/></td>


多瀏覽器支持：

　　function stopBubble(e){
　　　　if(document.all)
　　　　　　window.event.cancelBubble=true; //IE
　　　　else
　　　　　　e.stopPropagation(); //支持火狐
　　}

　　　或者

　　function?stopBubble(e) {

　　　　//如果提供了事件對(duì)象，則這是一個(gè)非IE瀏覽器 　　　　if?( e && e.stopPropagation ) ????　　　　//因此它支持W3C的stopPropagation()方法 ???　　?　　e.stopPropagation(); 　　　　else ????　　　　//否則，我們需要使用IE的方式來(lái)取消事件冒泡 ????　　　　window.event.cancelBubble = true; 　　} ? 　　2、阻止瀏覽器的默認(rèn)行為 　　function stopDefault( e ) { ????　　//阻止默認(rèn)瀏覽器動(dòng)作(W3C) ???　　?if ( e && e.preventDefault ) ???????　　?e.preventDefault(); ????　　//IE中阻止函數(shù)器默認(rèn)動(dòng)作的方式 ???　　?else ???????　　?window.event.returnValue = false; ???　　?return false; 　　}

轉(zhuǎn)載于:https://www.cnblogs.com/guijl/archive/2013/01/17/2864961.html

總結(jié)

以上是生活随笔為你收集整理的js取消气泡事件、阻止浏览器的默认行为的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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