您现在的位置:首页 >> 前端 >> 内容

关于事件冒泡和事件捕获的问题讲解

时间:2018/6/21 10:59:39 点击:

  核心提示:今天在看文档的时候看到了一个addEventListener(click, myFunction,false);这样的写法,然后思考了半天后面这个false代表什么东西,遂进行查看,发现是之前接触过的...

今天在看文档的时候看到了一个addEventListener("click", myFunction,false);这样的写法,然后思考了半天后面这个false代表什么东西,遂进行查看,发现是之前接触过的事件冒泡和事件捕获,这里记录一下,事件冒泡是指如果在触发事件时,从子元素向父元素触发,比如两个p,p1包裹着p2

上面各有一个click事件,分别触发一个alert(),内容为他们的名字,这时候我们点击就会发现,先弹出的是

p2 ,然后才是p1.

而事件捕获则是从父元素向子元素触发,也就是先弹出p1 才弹出p2

值得注意的是addEventListener 方法在 IE8及更早的版本是不支持的

像对应的需要使用attachEvent 方法来添加事件

作者:网络 来源:aoteman4wo