一、今日学习
1.事件的深入
传统事件注册方式onclick:唯一性,同一个元素,同一个事件只能设置一个处理函数,最后注册的事件处理函数将会覆盖前面注册的处理函数
方法监听注册方式addEventListener:同一个元素,同一个事件,可以设置多个事件处理函数,执行的顺序按照默认书写顺序,注册的顺序
2.事件流
事件流的方式:事件冒泡(从小到大)、事件捕获(从小到大)
所有的元素都不是独立的,是串联在一起
单个元素触发事件之后还会影响其他元素
事件冒泡阶段:在点击完成之后立即触发目标对象,然后一层一层向上冒泡
事件捕获阶段:在点击玩div后不会立即触发div的事件,而是一层一层向下捕获,最终到达div才触发事件
第三个参数:
不传参:从小到大,冒泡
传参:true:从大到小:捕获
3.事件对象
event事件对象是传递给事件处理函数的唯一参数
currentTarget:当前事件处理程序所在的元素
target:事件目标,只包含事件的真实目标
this:始终指向的是currentTarget
在事件处理内部,如果只有一个节点,this,target,currentTarget指向的是同一个元素dom |