事件冒泡
当单击了具有注册事件的标签的时候,会触发这个事件,事件完成后会向上传递,如果上层的标签还具有注册事件并且符合后,则继续触发事件函数.
冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。
先从顶层开始进行事件捕获,直到事件触发到达了事件源元素。然后,再从事件源往上进行事件冒泡,直到到达document。
事件的三个阶段/时间流
- 事件捕获阶段
- 目标阶段
- 冒泡阶段
addElementListner的函数的第三个参数,true 事件捕获,false 事件冒泡
补充:onmouseover ,onmouseout 和onmouseenter , onmouseleave都是鼠标进入和离开,但是它们的区别是 over,out触发时会触发冒泡,而enter,leave是不会触发冒泡。
EG1:利用冒泡事件进行处理标签
事件对象:
通过e来进行完成三个事件的注册的功能
EG1:
注意:body的有效范围是body内部的元素的范围
EG1_1
事件对象的属性和方法
取消默认行为的行为
EG:严格模式