浅谈冒泡事件和捕获事件

最新推荐文章于 2022-07-17 13:03:40 发布
最新推荐文章于 2022-07-17 13:03:40 发布
阅读量131 收藏
点赞数 2
分类专栏： js 文章标签： js的冒泡和捕获事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39739671/article/details/85763165
版权

冒泡事件：是从当前事件一层一层的向外延伸，子事件触发会触发父事件再到上级，我们可以使用e.stopPropagation()来阻止事件，注意这里有兼容性window.event? window.event.cancelBubble = true : event.stopPropagation();
window.event.cancelBubble = true是ie的阻止冒泡事件
捕获事件：是从当前事件一层一层的向内伸展，也可以使用event.stopPropagation()只阻止冒泡与捕获事件。DOM3新增的event.stopImmediatePropagation()来阻止捕获与冒泡事件，还可以阻止其他事件

mathematics-IT
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
冒泡与捕获
WYF857446152的博客
05-25 5437
冒泡事件与捕获事件，以及阻止冒泡事件 阻止默认
捕获与冒泡
qq_43371287的博客
03-09 684
原文（来自Winter-《重学前端》）： 很多文章会讲到捕获过程是从外向内，冒泡过程是从内向外（或者捕获从上到下，冒泡从下到上），但是这里我希望讲清楚，为什么会有捕获过程和冒泡过程。我们刚提到，实际上点击事件来自触摸屏或者鼠标，鼠标点击并没有位置信息，但是一般操作系统会根据位移的累积计算出来，跟触摸屏一样，提供一个坐标给浏览器。那么，把这个坐标转换为具体的元素上事件的过程，就是捕获过程了。而冒泡过...
事件捕获与事件冒泡
最文艺的程序媛
07-11 272
addEventListener(事件，函数，useCapture)，第三个参数为true和false有什么区别 参数3 useCapture 父级第三个参数为真，表示捕获，从父级到子级发生，无论子级是啥，都是从父级-->子级 父级第三个参数为假，表示冒泡，从子级到父级发生， 无论子级是啥，都是从子级-->父级
js冒泡和捕获
天边那朵云的博客
10-11 506
冒泡是事件向外传递， 捕获是事件向内传递； event.stopPropagation() 既可以阻止冒泡也可以阻止捕获 阻止冒泡时  事件向 外 传递到添加有stopPropagation()的元素后终止向 外 传 阻止捕获时  事件向 内 传递到添加有stopPropagation()的元素后终止向 内 传 <div onclick="eventProxy()"> ...
事件冒泡和捕获
weixin_58155690的博客
07-17 6114
事件冒泡和捕获
浅谈javascript中的事件冒泡和事件捕获
10-20
本文主要探讨了两个关键的事件处理机制：事件冒泡和事件捕获。 1. 事件冒泡（Event Bubbling） 事件冒泡是JavaScript中最早被广泛支持的事件流模式，由Internet Explorer引入。这一机制描述了事件如何从最具体的...
浅谈JavaScript的事件
12-07
在本文中，我们将深入探讨事件流、事件冒泡以及如何阻止事件冒泡和取消默认事件。 1. **事件流** 事件流描述了事件在DOM（文档对象模型）中的传播路径。主要有两种模式： - **冒泡流（Bubble Phase）**：事件从最...
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
01-21
事件冒泡允许多个操作被集中处理（把事件处理器添加到一个父级元素上，避免把事件处理器添加到多个子级元素上），它还可以让你在对象层的不同级别捕获事件。 三、阻止事件冒泡 事件冒泡机制有时候是不需要的，需
浅谈jQuery双事件多重加载的问题
10-21
总的来说，解决jQuery双事件多重加载问题的关键在于理解和掌握事件的生命周期，包括事件冒泡、事件捕获以及如何阻止默认行为。在编写代码时，应谨慎处理事件绑定，避免不必要的冲突，确保事件处理函数按照预期执行。...
js基础之冒泡和捕获机制
u011006044的专栏
09-06 1816
DOM事件所囊括的知识较为庞杂，本片文章总结一下冒泡和捕获机制到底是怎么运作的。 事件流 当我们点击页面上的一个按钮的时候，是按钮最外层的父元素先收到事件并执行，还是这个被我们点击的按钮先收到事件并执行？所以这儿引入了事件流的概念：事件流所描述的就是从页面中接受事件的顺序。(其实挺起来还是一脸懵懂的！没错我当时就是这样子的。) 事件流也有两种，分别是事件冒泡和事件捕获，现行的主流是事件冒泡。下
事件冒泡和事件捕获的区别
weixin_42463235的博客
12-24 1万+
事件冒泡和事件捕获这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。 1、事件冒泡 事件冒泡：事件会从最内层的元素开始发生，一直向上传播，直到document对象。 2、事件捕获 事件捕获：与事件冒泡相反，事件会从最外层开始发生，直到最具体的元素。 3、addEventListener方法 element.addEventListener(event, function, ...
看懂此文，不再困惑于javascript中的事件绑定、事件冒泡、事件捕获和事件执行顺序
热门推荐
aty
01-28 1万+
抽空学习了下，javascript和jquery的事件设计，收获颇大，总结此贴，和大家分享。到这里是不是可以理解addEventListener(type,handler,useCapture)这个API中第三个参数useCapture的含义呢？useCapture=false意味着：将事件处理函数加入到冒泡阶段，在冒泡阶段会被调用；useCapture=true意味着：将事件处理函数加入到捕获阶段，在捕获阶段会被调用至此我们可以给出事件函数执行顺序的结论了：捕获阶段的处理函数最先执行，其次是目标阶段的处理
浏览器事件是冒泡还是捕获
zha_zi的专栏
07-27 1344
这是三种事件处理的模型 （1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。   IE 5.5: div -> body -> document   IE 6.0: div -> body -> html -> document   Mozilla 1.0: div -> body -> html ...
理解事件捕获和事件冒泡
Hey firefly
04-03 6231
参考资料浅谈事件冒泡与事件捕获 一年前刚开始接触JavaScript的时候就看过有关事件冒泡和事件捕获的文章，但是当时只是看过了就是看过了，没有自己实际的实践，并没有什么自己的理解在里面，属于转眼就忘的那种状态，这段时间由于参加百度的ife前端培训，做到js方面的任务时，决定仔细的学习一下时间捕获和事件冒泡，所以就有了今天这篇文章。 ps：其实前两天就想写了，但无奈图书馆的网一直连不上，只好推到
事件冒泡和捕获的执行顺序
蘑菇炸了
12-07 1万+
给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，会执行几次事件，会先执行冒泡还是捕获？
事件冒泡和事件捕获的含义？ — 第13.1讲
flyingpig2016的博客
10-29 4063
该懂得一定要懂，该学的不能再拖，该行动的就是此刻！ 一：事件流的历史？  就像是在桌面上画了许多同心圆，当把手放在圆心上，那么你的手指指的不是一个圆，而是所有的圆。公司的浏览器开发团队在看待浏览器事件方面还是一致的，如果你单击了某个按钮，他们都认为，事件不仅仅发生在按钮上，甚至单击了整个页面。    JavaScript中事件流描述的是从页面中接收事件的顺序，但是有意思的是，IE和Netscape
简述事件捕获和事件冒泡的区别
zj950307的博客
06-04 1万+
这个在面试中是一个问的比较多的问题，有时候也会在笔试的简答题中碰到。首先我们要知道：一个完整的js事件流是从window开始，最后回到window的过程，如下图所示：1-5是捕获过程，5-6是目标阶段，6-10是冒泡阶段；以一段具体的代码来看：<!DOCTYPE html> <html lang="en"> <head> <meta charset...
一个DOM元素绑定多个事件时，先执行冒泡还是捕获
xiaowei的博客
08-27 9432
问题引入：一个DOM元素绑定两个事件，一个冒泡，一个捕获，则事件会执行多少次，执行顺序如何。这次不卖关思了，直接给你个答案。不理解你就继续往下看。 绑定在被点击元素的事件是按照代码顺序发生，其他元素通过冒泡或者捕获“感知”的事件，按照W3C的标准，先发生捕获事件，后发生冒泡事件。所有事件的顺序是：其他元素捕获阶段事件 -> 本元素代码顺序事件 -> 其他元素冒泡阶段事件 。 addEventLi
js冒泡事件和捕获事件
最新发布
08-11
JavaScript中的事件模型包括冒泡事件和捕获事件。这两个事件是指在页面中嵌套的元素中触发事件时，事件传播的方式。 冒泡事件是指当一个特定元素上的事件被触发时，该事件会先被触发在最内层的元素上，然后逐级向外传播，直到触发在最外层的元素上。换句话说，事件会从最具体的元素开始向最不具体的元素传播。 捕获事件是指当一个特定元素上的事件被触发时，该事件会先被触发在最外层的元素上，然后逐级向内传播，直到触发在最内层的元素上。与冒泡事件不同，捕获事件从最不具体的元素开始向最具体的元素传播。 在JavaScript中，可以使用addEventListener方法来注册事件监听器，并指定事件是否在捕获或冒泡阶段进行处理。例如： ```javascript element.addEventListener('click', myFunction, true); // 在捕获阶段处理 element.addEventListener('click', myFunction, false); // 在冒泡阶段处理（默认） ``` 需要注意的是，默认情况下，addEventListener方法注册的事件监听器是在冒泡阶段进行处理。如果想要在捕获阶段进行处理，需要将第三个参数设置为true。 希望以上解答能够帮助到你！如果还有其他问题，请继续提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值