【JS】关于事件的概述、事件流分类、事件监听器

最新推荐文章于 2024-08-22 14:32:34 发布

·慈悲为怀·

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量68

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_64615992/article/details/123469189

版权

本文介绍了JavaScript中的事件流机制，包括冒泡和捕获两种类型，并详细讲解了事件监听器的不同分类，如直接嵌入行内的事件监听器、0级监听器和2级监听器的使用与区别，以及如何删除事件监听器。对于前端开发者来说，掌握这些概念对于编写高效、易于维护的代码至关重要。

摘要由CSDN通过智能技术生成

事件

事件流：

当一个标签发生了事件后，会沿着一个方向进行传播的机制被称为事件流

分类：

1.冒泡

从里到外，从下往上

2.捕获

从外到里，从上到下

3.`DOM`事件流

都有

区分捕获、冒泡

//两者一起会先捕获完成后再进行冒泡
//捕获中，先最外，再往里
//冒泡中，先最里，再往外
<body id="body">
    <div id="ddiv">
        <p id="pp">
            <a id="aa">事件</a>
        </p>
    </div>
</body>

<script>
    //冒泡事件流
	document.getElementById("body").onclick=function () {
    
    	console.log("body");
	}
	document.getElementById("ddiv")