javascript中stopImmediatePropagation函数和stopPropagation函数的区别

最新推荐文章于 2024-04-13 20:57:56 发布
最新推荐文章于 2024-04-13 20:57:56 发布
阅读量798 收藏
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LL18781132750/article/details/81136208
版权

1、stopImmediatePropagation方法：

　　stopImmediatePropagation方法作用在当前节点以及事件链上的所有后续节点上，目的是在执行完当前事件处理程序之后，停止当前节点以及所有后续节点的事件处理程序的运行

2、stopPropagation方法

　　stopPropagation方法作用在后续节点上，目的在执行完绑定到当前元素上的所有事件处理程序之后，停止执行所有后续节点的事件处理程序　

区别：

　　从概念上讲，在调用完stopPropagation函数之后，就会立即停止对后续节点的访问，但是会执行完绑定到当前节点上的所有事件处理程序；而调用stopImmediatePropagation函数之后，除了所有后续节点，绑定到当前元素上的、当前事件处理程序之后的事件处理程序就不会再执行了

xj-L
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
所以，stopImmediatePropagation与stopPropagation有什么区别？
qq_40531647的博客
03-11 495
`stopImmediatePropagation`与`stopPropagation`是一对亲兄弟，他们两实现的功能是相似的，那么这两个函数的区别在哪里呢？
e.stopPropagation 与 e.stopImmediatePropagation的区别
tangcc的博客
03-01 5036
在vue中使用时stopImmediatePropagation可以让事件立即结束，而stopPropagation有时会循环，这点十分重要。如下示例：$(".content-ul").on("click", ".img-li", function (e) { e.stopImmediatePropagation(); if ($(".content-ul .img-li").length...
uniapp中使用.stop报错 无法使用stopPropagation？
最新发布
g1437353759的博客
04-13 495
在开发中我们常常会遇到要的问题，加个.stop就好了。但是在组件上阻止事件冒泡会报错：$event.stoppropagation is not a function这是因为当事件添加到上时，会变成自定义事件，如果想要触发事件的回掉函数，则必须子组件内的$emit调用才可以。
关于事件对象中的stopImmediatePropagation
weixin_45696837的博客
07-21 770
关于e.stopPropagation()，大家应该知道这个方法是用来阻止事件冒泡的。 那么e.stopImmediatePropagation()可能比较少见。 stopImmediatePropagation 用来阻止在同一DOM对象上同一事件类型的其它事件函数的执行 并且与事件先后注册的顺序有关 感觉晦涩难懂？ 我举个简单的例子 我在document身上注册同类型click的两个事件 document.addEventListener("click",e=>{ console.lo
bootstrap-select.js报d.stopPropagation is not a function异常
OceanSky的专栏
03-02 6066
使用bootstrap-select.js插件给下拉框赋值的时候报如下错误： bootstrap-select.js:230 Uncaught TypeError: d.stopPropagation is not a function at new e (VM32721 bootstrap-select.min.js:7) at HTMLSelectElement.<...
JavaScript中使用stopPropagation函数停止事件传播例子
10-25
在JavaScript中，事件传播是DOM元素之间的一种交互方式，它分为三个阶段：捕获阶段、目标阶段和冒泡阶段。事件传播模型允许事件从最深的节点（事件目标）向上冒泡到最外层的节点（文档）。在这个过程中，每个节点都...
jQuery事件函数共4页.pdf.zip
10-29
在事件处理函数中，`event`对象提供了很多有用的信息，如`event.target`（触发事件的元素）、`event.preventDefault()`（阻止默认行为）和`event.stopImmediatePropagation()`（阻止当前元素及后代的事件处理）。...
JavaScript30:我JavaScript30项目挑战
04-29
15. **事件冒泡与捕获**：理解事件传播机制，学习如何利用`event.stopPropagation()`和`event.stopImmediatePropagation()`控制事件流。 通过JavaScript30挑战，你不仅可以熟悉JavaScript的基本语法和特性，还能...
js-simulation:使用 JavaScript 的事件驱动模拟实现
07-21
可以通过`event.stopPropagation()`阻止事件冒泡，`event.stopImmediatePropagation()`阻止其他处理函数执行，以及`event.preventDefault()`阻止默认行为。 另外，JavaScript的定时器（`setTimeout`和`setInterval`...
JavaScript事件对象深入详解
10-17
JavaScript事件对象是JavaScript编程中处理用户交互和动态更新页面的核心机制。事件对象(event object)包含了与事件相关的所有信息，如触发事件的元素、事件类型以及特定事件的额外数据。这篇深入详解将帮助我们理解...
uniapp点击事件报错 Cannot read property ‘stopPropagation‘ of undefined
令瑞斌
01-23 1127
Cannot read property 'stopPropagation' of undefined
uniapp使用阻止时间无效，报错stopPropagation()方法无效
m0_61629497的博客
03-29 491
使用：@click.native.stop。
javascript ——stopImmediatePropagation，stopPropagation
weixin_38278993的博客
11-19 1096
在事件处理程序中，每个事件处理程序中间都会有一个event对象，而这个event对象有两个方法，一个是stopPropagation方法，一个是stopImmediatePropagation方法，两个方法只差一个Immediate，这里就说说这两个方法的区别 　　1、stopImmediatePropagation方法： 　　　　stopImmediatePropagation方法作用在当前...
W3C/JQuery中stopImmediatePropagation和stopPropagation的区别
aty
01-31 2100
W3C的DOM-Level-3标准中，event事件对象有stopPropagation和stopImmediatePropagation这2个函数。 DOM3中Event标准:http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html。 JQuery我用的是2.1.1和1.10.2，也支持
浅谈javascript中stopImmediatePropagation函数和stopPropagation函数的区别
YOU13777299447的博客
01-15 168
　　在事件处理程序中，每个事件处理程序中间都会有一个event对象，而这个event对象有两个方法，一个是stopPropagation方法，一个是stopImmediatePropagation方法，两个方法只差一个Immediate，这里就说说这两个方法的区别 　　1、stopImmediatePropagation方法： 　　　　stopImmediatePropagation...
AS3 event stopImmediatePropagation() stopPropagation()用法以及区别
zhytry的博客
03-30 1080
转载如下：   版权声明 ：转载时请以超链接形式标明文章原始出处和作者信息及 本声明  http://goday.blogbus.com/logs/14062836.html 今天，我也正式宣布，开始成为闪客，以往对macromedia flash的许多头疼问题都被adobe解决了，以往一直否认我喜欢做flash，现在总算可以为adobe
stopImmediatePropagation停止当前节点和后续节点的事件侦听
我心飞翔的专栏
02-02 2158
本来是想提问的，关于stopPropagation和stopImmediatePropagation的区别后来研究了一下，终于明白了stopImmediatePropagation的作用，总结就是“可以阻止掉同一事件的其他优先级较低的侦听器的处理”比如以下代码： this.addEventListener(MouseEvent.MOUSE_DOWN, funA,false,2);t
stopimmediatepropagation
03-16
stopImmediatePropagation是一个JavaScript事件方法，用于阻止事件的进一步传播，并且阻止任何其他事件处理程序被调用。该方法可以在事件处理程序中使用，以确保事件只被处理一次，而不会被其他处理程序干扰。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值