JS中父子标签冒泡事件隔断

已于 2023-03-07 14:44:46 修改
阅读量79 收藏
点赞数
文章标签： javascript
于 2023-03-07 14:44:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xbb_rr/article/details/129382343
版权
在JavaScript的事件处理中，事件冒泡是一个常见现象。文章指出，使用Event.stopPropagation方法时，必须指定具体的标签元素，才能有效地阻止事件向上冒泡到父元素。这意味着在事件代理的场景下，不能单纯依赖隔断机制，而需要对目标元素进行精确的定位和操作。
摘要由CSDN通过智能技术生成

在事件代理中，无法使用隔断，必须获取指定标签元素才可以阻止冒泡的发生 

Event.stopPropagation必须指定某个标签才可以隔断生效

六剑宗暗魔
关注
后端小白程序员的Vue学习笔记
5akura's Blog
06-19 915
文章目录写在前面Vue一、什么是 Vue二、相关技术栈前端后端关于前后端分离三、入门使用3.1、Hello,Vue3.2、Mustache 语法3.3、插值操作3.4、属性绑定 v-bind3.5、条件插值3.5.1、v-if、v-else、v-else-if3.5.2、v-show3.5.3、使用 key 来管理复用元素3.6、列表渲染 v-for3.6.1、遍历数组3.6.2、遍历对象3.6.3、v-for 添加 key3.6.4、数组更新检测3.7、绑定事件 v-on3.7.1、修饰符3.8、MVVM
2021 Java面试真题集锦
热门推荐
GL1765852966的博客
12-26 8万+
目录 … 1 大厂面试的基本流程 17 字节跳动 17 阿里 17 腾讯 18 网易游戏 18 面试前需要准备： 18 面试中可以借鉴的套路 19 用简历争取到更多的面试机会 19 自我介绍时，立即全面抛出技术栈和亮点 20 先介绍项目背景，打消面试官疑问 21 通过说项目管理工具，说明你不仅会写代码 22 用 SPRING BOOT 项目举例，说明你的技术基本面 23 用实例说明你在内存调优方面的经验 24 展示你在数据库调优方面的经验 25 总结前文说辞 26 准备项目说辞时，更可以准备后继面试官的问
js 父子标签同时设置onclick，子标签触发父标签onclick解决办法
weixin_30783913的博客
04-08 2828
js 父子标签同时设置onclick，子标签触发父标签onclick 或 子标签为a 先触发onclick 再触发 a 的 href；解决方案：在子标签的onclick里写 var ev = window.event || arguments.callee.caller.arguments[0]; if (window.event) ev.cancelBubble = tru...
LayaBox中父子元素的点击响应区分
Rajon_94的博客
08-08 1163
问题：      在一个Panel中，动态添加子节点元素。同时为每个子节点元素添加鼠标点击事件。此时需要区分鼠标点击到的是子节点元素，还是点击的Panel中的空白区域。而Laya中你点击了panel区域，那么panel的鼠标事件始终是会响应的。 解决方案：     利用点击事件中的target,它只会获得最上层的元素      在panel的鼠标响应事件中添加一段条件检测：      i...
tp框架中的一些疑点知识-7
weixin_33796177的博客
05-07 416
mysqli是用面向对象的,所以用箭头对象语法, 而mysql是用C语言面向过程写的, 所以用的都是php全局函数 式的写法. tinkle: 叮叮当当的响; (口语)一次电话, i will give you a tinkle tonight. cascade: ['k2skeid] 瀑布; 级联.. symbol: 符号代号: 一种用于打印或书写的符号. notation: 主要是口语中的...
最全面、最详细web前端面试题及答案总结
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
完整版的Vue基础学习
Gueyue的博客
10-09 380
Vue 基础学习 目录Vue 基础学习MVC、MVP、MVVMMVCMVPMVVM基础指令Vue实例中的属性组件1、组件化的特性:2、组件化的优点:Vue生命周期Vue中的样式绑定1、class的对象绑定2、class的数组绑定3、style对象绑定4、style数组绑定深入理解Vue组件组件细节1、tbody、ul、select下只能存放特定的标签2、子组件data为function3、vue ...
JS中事件冒泡和事件捕获介绍
11-27
谈起JavaScript的 事件，事件冒泡、事件捕获、阻止默认事件这三个话题，无论是面试还是在平时的工作中，都很难避免。 事件捕获阶段：事件从最上一级标签开始往下查找，直到捕获到事件目标(target)。 事件冒泡阶段：...
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
11-29
如果你想细致了解JavaScript中的事件发生，请慢慢阅读。 1. 原生事件的发生顺序 一般来讲，当为一个a标签添加click事件以后，点击这个标签，会先执行绑定的事件、后跳转页面。一个input绑定blur事件以后，你在input...
JavaScript之事件流、事件冒泡、事件捕获、事件委托：
weixin_70443954的博客
11-24 829
事件、事件流、事件冒泡、事件捕获、阻止事件冒泡、事件委托
JS基础-事件模型(事件&事件流&自定义事件&事件冒泡/代理)
LYFlied的博客
03-28 2696
事件与事件流 事件模型 DOM0级模型 IE事件模型 DOM2级模型 DOM3级事件处理方式 事件对象 事件绑定与解除 事件绑定 对象.on事件名字=事件处理函数 对象.addEventListener("没有on的事件名字",事件处理函数,false) 对象.attachEvent("有on的事件名字",事件处理函数); Event Wrapper 自定义事件 JQuery Event模型 JS事件模型-观察者模式 代码例子(通用事件绑定&事件冒泡&代理) 1. 通用事件绑定 2.事件冒泡 3.代理
一些常用的react hooks以及各自的作用
weixin_48602044的博客
11-01 434
关于react hooks的一些知识与应用
JavaScript 生成二维码
qq_30049249的博客
11-02 236
我试过了，这一款js库支持中英文混合。进入网站后，可以直接点击运行哟～
软件测试学习笔记丨Vue常用指令-条件渲染（v-if）
ceshiren_com的博客
11-05 487
v-show只是简单控制dom元素的display属性。v-if通过操纵dom元素来进行切换显示。
vxe-grid ，增加新行，并且定位到新增的行
花花鱼的专栏
11-05 169
vxe-grid新增空行，并且定位到空行位置。
JavaScript数据类型- BigInt详解（处理任意大小整数的终极指南）
最新发布
cx18333的博客
11-05 480
随着ECMAScript 11（ES11）引入了BigInt，JavaScript开发者现在可以轻松地处理超出传统Number类型限制的大整数。本文全面解析了BigInt的使用方法、核心特性和限制条件，为你提供了处理大型整数数据的强大工具。从BigInt的基础用法到算术运算和比较，再到类型检查和兼容性考量，一步步的深入了解这个新的数据类型。
Vue2+3
m0_73557953的博客
11-04 116
创建Vue实例 Vue指令
JavaScript-数组
weixin_64689713的博客
11-04 854
/ 定义一个长度为 4 的数组，但是这 4 项都是 undefined两种定义方法根据实际需求选择即可，两者的底层都是同样的实现逻辑。推荐：方括号定义法！
Vue.js教程：详解父子组件通信及自定义事件
本文将详细讲解Vue.js中父子组件如何有效地进行数据传递和交互。 一、基本属性传递： Props 1. 父组件向子组件传递数据，通常使用`props`特性。在子组件中定义`props`属性，然后在父组件中通过属性绑定将数据传入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值