码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 事件的冒泡问题

时间:2018-11-20 00:07:46      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:on()   支持   log   cti   eve   event   click   top   UNC   

事件冒泡主要是指:

   多个元素嵌套,有层次关系,这些元素都注册了相同的事件,如果里面的元素的事件触发了则外面元素的事件也会依层触发

阻止事件冒泡 的主要方法

    window.event.cancelBubble() 火狐不支持,IE、谷歌支持

    

onclick=function (e) {
    console.log(this.id);
    //阻止事件冒泡
    e.stopPropagation(); // 火狐,谷歌支持,IE8不支持
  };

事件主要的三个阶段:

1.事件的捕获阶段 从外往内

2.事件的目标阶段 选择的那个

3.事件的冒泡阶段 从内往外

 

JavaScript 事件的冒泡问题

标签:on()   支持   log   cti   eve   event   click   top   UNC   

原文地址:https://www.cnblogs.com/FlyBlueSky/p/9986377.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!