day20

事件原理

事件中

分为三个阶段

1.捕获阶段   从外向内触发

2.目标阶段     到达事件触发目标

3.冒泡阶段   从内向外触发

默认事件触发是冒泡阶段触发

e.stopPropagation     阻止冒泡   事件将会停止传播  阻止冒泡可以在捕获阶段也可以在冒泡阶段触发，这样就可以阻止事件向上或向下传播

this和e.currentTarget相同

执行事件的函数中this和 e.currentTarget都是指当前事件函数侦听的对象

在后面的开发中有可能因为代码的需要会改变this的指向，这时候如果需要找到谁侦听的就需要使用e.currentTarget

e.currentTarget和e .srcElement相同 

事件触发到的目标对象，目标阶段最后的目标对象

因为事件具有传播性，因此不需要给每个元素做侦听事件，只需要给最外层的父容器做侦听事件，这样里面的所有内容触发事件后都会冒泡到父元素传递消息，通过e  .target就可以知道本次事件触发的最终目标元素，这种方式我们叫做事件委托

第三个参数是否在捕获阶段触发true是捕获阶段触发，false表示冒泡阶段触发，默认false
div1.addEventListener("click",clickHandler1,true);

第三个参数是一个对象时capture就是捕获阶段、

div1.addEventListener("click",clickHandler1,{once:true,capture: true});第几个加true谁就先触发

如果e.target不是Li元素，跳出    e.target不是HTMLElement的类别

设置这个类别的元素不接收事件