js取消气泡事件、阻止浏览器的默认行为

1.阻止事件冒泡,使成为捕获型事件触发机制.

取消tr里面子元素响应tr定义的事件,在tr子元素里面禁止气泡事件就可以，子元素事件中加入window.event.cancelBubble=true 即可！

例子：
表格行有一个单击事件,例如:
<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>

上面的表格当点击其它单元格时都会弹出“hello world”，怎样让点击“增加”时不让弹出这个警告框?
在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) {

　　　　//如果提供了事件对象，则这是一个非IE浏览器

　　　　if  ( e && e.stopPropagation )

    　　　　 //因此它支持W3C的stopPropagation()方法

   　　 　　 e.stopPropagation();

　　　　else

    　　　　 //否则，我们需要使用IE的方式来取消事件冒泡

    　　　　 window.event.cancelBubble = true ;

　　}

　　2、阻止浏览器的默认行为

　　function stopDefault( e ) {

    　　 //阻止默认浏览器动作(W3C)

   　　  if ( e && e.preventDefault )

       　　  e.preventDefault();

    　　 //IE中阻止函数器默认动作的方式

   　　  else

       　　  window.event.returnValue = false;

   　　  return false;

　　}

转载于:https://www.cnblogs.com/guijl/archive/2013/01/17/2864961.html