事件和事件流

宋绍辉--

于 2021-09-06 23:31:17 发布

阅读量181

点赞数

CC 4.0 BY-SA版权

分类专栏： js vue 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/sshaohui/article/details/120147304

16 篇文章

订阅专栏

7 篇文章

订阅专栏

本文深入探讨了DOM事件的三种级别——DOM0、DOM2和DOM3，详细解释了事件冒泡和事件捕获的概念，并提供了实例。同时，介绍了事件流的工作原理，以及如何通过事件委托来优化性能。通过理解这些概念，开发者可以更好地管理和处理网页上的交互事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DOM0事件 <button onclick="console.log('1234')">按钮</button>
DOM2事件 addEventListener onclick
DOM3事件 onKeyDown onKeyUp

事件冒泡和事件捕获
 box.addEventListener(事件类型,触发事件之后的回调函数,触发阶段(布尔值默认false表示冒泡阶段触发))

content_click
box_click
冒泡 
样式

在这里插入图片描述
布局

布局js

在这里插入图片描述

事件委托: 事件委托，会把⼀个或者⼀组元素的事件委托到它的⽗层或者更外层元素上，真正绑定事件的是外层元
素，⽽不是⽬标元素.当事件响应到⽬标元素上时，会通过事件冒泡机制从⽽触发它的外层元素的绑定事件上，然后在外层元素上去执⾏函数

样式
在这里插入图片描述
事件委托js