加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

JavaScript 取消浏览器事件冒泡

发布时间:2018-09-03 05:20:20 所属栏目:创业 来源:站长网
导读:再用js为Html元素指定样式或绑定事件时,由于浏览器的事件工作方式为捕捉/冒泡,往往容易将样式或事件绑定到到目标元素的父元素上,所有如果只希望将样式或事件绑定到指定目标元素上,就需要取消事件的冒泡行为。 不幸的是IE所采用的停止事件冒泡的方式同

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

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

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] function stopBubble(e)
  {
   //如果传入了对象,那么就是非IE浏览器,才用W3C标准方法
    if(e||e.stopPropagation)
    {
  e.stopPropagation();
    }
    else
    {
     //才用IE的停止事件冒泡的方法
     window.event.CancelBubble=true;
    }
  }

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读