码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器事件流

时间:2019-01-30 16:11:53      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:dom节点   rem   事件流   上传   listener   rom   方法   事件冒泡   document   

DOM2级事件规定的事件流包括三个阶段:

1、事件捕获阶段

2、处于目标阶段

3、事件冒泡阶段

事件捕获阶段(Event Capturing):

按照事件捕获的思想,在此过程(click页面某元素)中,document对象会首先接收到click事件,然后事件沿着dom树依次向下,一直传播到实际目标,即div元素。但在事件流中的捕获阶段,实际目标div元素是不会接收到事件的,这就意味着没在捕获阶段,事件从document到再到后就停止了。(但IE9、Safari、Chrome、Firefox 和 Opera9.5 以及更高版本都会在捕获阶段触发事件对象上的事件);下一个阶段是"处于目标"阶段,于是事件在发生,并在事件处理中被堪称冒泡阶段的一部分,最后,冒泡事件发生,事件又传播回文档。

冒泡阶段(Event Bubbling):

事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点,即document对象。

DOM2 与 DOM0区别

DOM2级事件定义了两个方法,用于处理指定和删除事件处理程序的操作:

①.addEventListener()

②.removeEventListener()

所有的DOM节点都包含这两个方法,而且接受三个参数:

①.要处理的事件名;

②.作为事件处理程序的函数;

③.一个 boolean 的值,如果值为true,表示在捕获阶段调用事件处理程序;如果是false,表示在冒泡阶段调用此事件处理程序。

 

浏览器事件流

标签:dom节点   rem   事件流   上传   listener   rom   方法   事件冒泡   document   

原文地址:https://www.cnblogs.com/rxqlx/p/10337852.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!