事件监听器和阻止事件冒泡、阻止默认事件

事件监听器和阻止事件冒泡、阻止默认事件

1.添加事件监听器
第三个参数是false就是默认冒泡 true就是在事件捕获阶段
element.addEventListener(‘事件’，函数,boolean)
例子:

box1.addEventListener('click', function() {
            console.log(1, 'box1级冒泡');
        })

2.移除事件监听器
element.removeEventListener(‘事件’，函数,boolean)
例子:

 box1.removeEventListener('click', fun)

 //因为要精确到去除哪一个事件监听器 所以在添加事件监听器的时候  函数要有姓名  十分不方便

3.阻止冒泡

e.stopPropagation()  //除了IE
e.cancelBubble=true  //IE浏览器使用

4.阻止默认行为

e.preventDefault()