什么是事件冒泡

最新推荐文章于 2021-03-04 17:05:39 发布

原创最新推荐文章于 2021-03-04 17:05:39 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

23 篇文章

订阅专栏

本文通过一个具体的HTML示例，详细解析了事件冒泡机制的工作原理。当用户点击页面元素时，事件会从最内层元素开始向外层元素传播，依次触发各层元素的事件处理器。这种机制使得开发者可以为不同的DOM层级定义响应用户交互的行为。

<div id="divOne" onclick="alert('我是最外层');">
    <div id="divTwo" onclick="alert('我是中间层！')">
        <a id="hr_three" href="http://www.baidu.com"                                                 
        mce_href="http://www.baidu.com" onclick="alert('我是最里层！')">点击我</a>
    </div>
</div>

运行页面，点击“点击我”,会依次弹出：我是最里层---->我是中间层---->我是最外层

这称为事件冒泡，事情捕获与这个相反