脚本宝典收集整理的这篇文章主要介绍了DOM 事件流,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
文章目录什么是dom事件流dom事件流的三个阶段冒泡阶段处理程序捕获阶段处理程序如何阻止事件捕获/冒泡0级,2级事件什么意思目标阶段事件流的根节点?什么是dom事件流DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素节点与根结点之间的路径传播,路径所经过的结点都会收到该事件,这个传播过程可称为DOM事件流。
dom事件流的三个阶段w3c规范规定有三个阶段:捕获阶段->目标阶段->冒泡阶段但是js只能在捕获/冒泡中的一个阶段处理程序。
冒泡阶段处理程序1)dom0级事件: on+事件名2)IE8以及以下:attachEvent3) dom2级事件:addEventListener, 第三个参数为false(默认false)
捕获阶段处理程序1)dom2级事件:addEventListener, 第三个参数为true(默认false)
如何阻止事件捕获/冒泡e.stopPRopagation() 既可以阻止冒泡也可以阻止捕获IE低版本:e.cancelBubble()
e.storpImmediatePropagation() 既可以阻止冒泡也可以阻止捕获
区别:storpImmediatePropagation() 会阻止该元素的其他事件,而stopPropagation不影响该元素的其他事件。
0级,2级事件什么意思代表dom标准迭代版本,类比ES5,es6
目标阶段目标阶段,事件发生的顺序,只和书写顺序有关;storpImmediatePropagation会阻止目标阶段的其他事件发生;也会阻止事件继续传播(冒泡/捕获)
事件流的根节点?window捕获阶段的节点顺序: window->document->html->body->自定义元素节点
以上是脚本宝典为你收集整理的DOM 事件流全部内容,希望文章能够帮你解决DOM 事件流所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。