国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jscript > JavaScript 取消浏览器事件冒泡

JavaScript 取消浏览器事件冒泡

来源:程序员人生   发布时间:2014-04-25 04:42:51 阅读次数:2972次

  再用js为Html元素指定样式或绑定事件时,由于浏览器的事件工作方式为捕捉/冒泡,往往容易将样式或事件绑定到到目标元素的父元素上,所有如果只希望将样式或事件绑定到指定目标元素上,就需要取消事件的冒泡行为。

  不幸的是IE所采用的停止事件冒泡的方式同其他浏览器不同,其他浏览器采用的是符合W3C的标准方式,所有在执行停止事件冒泡函数中用判断浏览器,函数如下:

function stopBubble(e)
  {
   //如果传入了对象,那么就是非IE浏览器,才用W3C标准方法
    if(e||e.stopPropagation)
    {
  e.stopPropagation();
    }
    else
    {
     //才用IE的停止事件冒泡的方法
     window.event.CancelBubble=true;
    }
  }
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
为码而活
积分:4237
15粉丝
7关注
栏目热点
关闭
程序员人生