本文已参与「新人创作礼」活动,一起开启掘金创作之路。
6.注册事件
传统注册方式
特点:注册事件的唯一性
同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数
方法监听注册方法
- eventTarget.addEventListener(type,listener,[useCapture])
同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数
该方法接收三个参数︰
type :事件类型字符串，比如click,mouseover ，注意这里不要带on
listener:事件处理函数，事件发生时，会调用该监听函数
useCapture :可选参数，是一个布尔值，默认是false。
7.删除事件
- 传统注册事件
obj.onclick=null;
- 监听方式
obj.removeEventListener('click',fn)
8.DOM事件流
事件流描述的是从页面中接收事件的顺序。
事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。
事件冒泡∶IE最早提出，事件开始时由最具体的元素接收，然后逐级向上传播到到DOM最页层节点的过程。
事件捕获:网景最早提出，由DOM最顶层节点开始，然后逐级向下传播到到最具体的元素接收的过程。
- JS中只能执行捕获或冒泡其中的一个阶段
- onclick和attachEvent只能得到冒泡阶段。
- addEventListener(type,listener[,useCapture])第三个参数如果是true，表示在事件捕获阶段调用事件处理程序;如果是false (不写默认就是false )，表示在事件冒泡阶段调用事件处理程序。
- onblur、onfocus、onmouseenter、onmouseleave 没有冒泡
9.事件对象
eventTarget.onclick = function (event) {}
eventTarget.addEventListener ( 'click ', function(event) {})
//这个event就是事件对象，我们还喜欢的写成e 或者evt
官方解释: event对象代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。
简单理解∶事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象event ，它有很多属性和方法。
这个event是个形参，系统帮我们设定为事件对象，不需要传递实参过去。
当我们注册事件时，event对象就会被系统自动创建，并依次传递给事件监听器（事件处理函数)。
