事件流

Posted .smile

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了事件流相关的知识,希望对你有一定的参考价值。

1.javascripthtml之间的交互时通过事件实现的,事件流描述的是对象接收事件的顺序

2.事件流有两种,事件冒泡和事件捕获

3.事件冒泡:事件首先发生在最具体的对象上,然后沿着DOM树向上传播(不会受css影响),每一级都会发生事件,直到window对象,所有现代浏览器都支持事件冒泡

 阻止冒泡:将当前事件函数中event对象的cancelBubble属性设置为true即可,这个方式只能阻止当前事件的冒泡

5.事件捕获:window首先接收到事件,沿着节点树传播,最具体的节点最后接收事件,老版本浏览器不支持事件捕获

6.事件捕获和事件冒泡同时存在时,元素先进行捕获过程再进行冒泡过程

以上是关于事件流的主要内容,如果未能解决你的问题,请参考以下文章

javascript事件流是啥?都有哪些事件流?

js中的事件流和事件处理程序

事件流(事件冒泡事件捕获和DOM事件流)

js 事件流

DOM事件揭秘-事件流

js事件流事件处理程序/事件侦听器