用法:事件源对象.addEventListener()
该方法可以给事件源加入一个事件。可以使用removeEventListener()方法来移除事件的监听。
有三个参数:
- 事件类型:如“click","mousedown"
- 处理函数:事件触发后调用
- 是否捕获方式:是布尔值,可选,默认是false,false--冒泡传递时捕获,true---捕获传递
补充:
事件三阶段:
捕获--->冒泡--->目标
冒泡传递:
1.被点击的目标元素最先发生事件,然后事件转递给目标元素的父元素,一直传递后顶层根元素才结束
2.只有使用addEventListener(事件,处理函数,true/false)
3.只有把第3个参数设置为true才是捕获,否则都冒泡
捕获传递:
点击目标元素之后,最先发生事件的是目标元素的顶层元素,然后再传递给子元素,直到传给目标元素才结束
阻止事件传递 :
event.stopPropagation()---阻止事件继续传递
event.stopImmediatePropagation()---阻止事件继承传递,并且阻止当前事件源的其它处理函数的执行