你的位置:首页 > Java教程

[Java教程]javascript阻止事件冒泡代码


javascript阻止事件冒泡代码:
关于事件冒泡这里就不介绍了,具体可以参阅javascript事件冒泡简单介绍一章节。
事件冒泡在某些场景非常的有用,但是有时候也是必须要阻止,下面是一段能够兼容所有主流浏览器的阻止事件冒泡的实例代码。
代码实例:

 

function stopBubble(e) {  if(e&&e.stopPropagation)  {   e.stopPropagation();  }  else {   window.event.cancelBubble=true;  } }

 

以上代码可以阻止事件冒泡,下面对代码做一下简单注释:
一.代码注释:
1.function stopBubble(e) {},此函数用来阻止事件冒泡,参数是个事件对象。
2. if(e&&e.stopPropagation){e.stopPropagation();},判断是否支持stopPropagation,如果支持就使用e.stopPropagation()。stopPropagation()函数IE10和IE10以下浏览器不支持。
3.window.event.cancelBubble=true,当前IE浏览器使用这个可以阻止事件冒泡。
二.相关阅读:
1.stopPropagation()函数可以参阅javascript的stopPropagation()方法一章节。
2. cancelBubble属性可以参阅javascript的cancelBubble事件属性一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9383

更多内容可以参阅:http://www.softwhy.com/javascript/