事件冒泡总结

最新推荐文章于 2024-07-14 15:54:59 发布

benben0729

最新推荐文章于 2024-07-14 15:54:59 发布

阅读量126

点赞数

文章标签： javascript 事件冒泡

本文链接：https://blog.csdn.net/benben0729/article/details/82320020

版权

31 篇文章 0 订阅

订阅专栏

事件冒泡

IE 的事件流叫做事件冒泡（event bubbling），即事件开始时由最具体的元素（文档中嵌套层次最深

的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。以下面的HTML 页面为例：

<!DOCTYPE html>

<html>

<head>

<title>Event Bubbling Example</title>

</head>

<body>

<div id="myDiv">Click Me</div>

</body>

</html>

如果你单击了页面中的<div>元素，那么这个click 事件会按照如下顺序传播：

(1) <div>

(2) <body>

(3) <html>

(4) document

也就是说，click 事件首先在<div>元素上发生，而这个元素就是我们单击的元素。然后，click

事件沿DOM树向上传播，在每一级节点上都会发生，直至传播到document 对象。图13-1 展示了事件冒泡的过程。

所有现代浏览器都支持事件冒泡，但在具体实现上还是有一些差别。IE5.5 及更早版本中的事件冒

泡会跳过<html>元素（从<body>直接跳到document）。IE9、Firefox、Chrome 和Safari 则将事件一直冒泡到window 对象。

关注