事件的捕获和冒泡

1.添加事件的另一种方式

addEventListener(key，key，key)

参数1：事件名（字符串），不要加on

参数2：事件处理函数：函数名

参数3：bool类型 和冒泡和捕获有关，默认是false

//ie8一下不支持

 

//ie8以前支持的方法，其他不支持

attachEvent（‘onclick’，function（）{}）

两个参数 第一个事件名要加on，第二个参数当有多个函数时，后面的先执行

移除事件

removeEventListener(参数1，参数2，参数3);

//ie8以前的移除

detachEvent(参数1，参数2)

2.事件冒泡

事件冒泡：如果一个元素的事件触发，那么它的所有父级元素同名事件也会被依次触发

事件冒泡的好处：当我们给父元素的多个子元素添加事件时，只需要给父元素添加事件即可，然后使用事件对象，：e.target 找到事件源

阻止事件冒泡方法：stopPropagation（）//ie8之前不支持

事件对象.cancelBubble = true //ie8之前支持

3.事件捕捉

当addEventListener(key，key，key);的第三个参数变为true，就是事件捕捉；