什么是事件冒泡?如何组织事件冒泡

最新推荐文章于 2024-10-15 10:49:51 发布

聂聂脸

最新推荐文章于 2024-10-15 10:49:51 发布

阅读量788

点赞数 10

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/2301_79420857/article/details/135040070

版权

本文介绍了事件冒泡的原理，即从具体元素开始向上层传播，以及如何通过`event.stopPropagation()`和`event.preventDefault()`方法来阻止事件冒泡和取消默认行为。重点讲解了这两种常用的JavaScript事件处理策略。

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

事件冒泡就是时间开始时由具体的元素接受，然后逐级向上传播到较为不具体的节点。（简单来说就是由子元素逐渐向父元素传播的过程）。事件冒泡是默认开启的，但是可以通过js代码来控制事件冒泡。

event.stopPropagation()方法：阻止事件冒泡到父元素，阻止任何父事件处理程序被执行，不让事件向document上蔓延，但是默认事件仍会执行，当调用这个方法的时候，点击仍然会被打开。
event.preventDefault（）方法：取消事件的默认动作，该方法将通知web浏览器不要执行与事件关联的默认动作。
return false：这个方法会同时阻止事件冒泡和默事件（可以理解为return false它同时调用了前两种方法）