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

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

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()