[HTML 5] stopPropagation & stopImmediatePropagation
2023-09-14 08:59:14 时间
const app = document.getElementById('app'); app.innerHTML = ` <h1>JavaScript DOM</h1> <div class="one"> <div class="two"> <button type="button" class="three"> Click Me </button> </div> </div> `; const one = document.querySelector('.one'); const two = document.querySelector('.two'); const three = document.querySelector('.three'); function handleClick(event) { event.stopPropagation(); // event.stopImmediatePropagation(); console.log(event.target); } one.addEventListener('click', handleClick); two.addEventListener('click', handleClick); three.addEventListener('click', handleClick); three.addEventListener('click', event => console.log(event), { capture: true });
When use 'stopPropagation', the code:
three.addEventListener('click', event => console.log(event), { capture: true });
will still running.
But when use 'stopImmediatePropagtion', that line of code will not run any more
相关文章
- HTML5 Audio & Video 属性解析
- HTML中      等6种空白空格的区别
- HTML中      等6种空白空格
- 与阿里云容器服务 ACK 发行版的深度对话第一弹:如何借助 sealer 实现快速构建 & 部署
- Java 容器 & 泛型:三、HashSet,TreeSet 和 LinkedHashSet比较
- 前端学习 -- Html&Css -- 表格
- 前端学习 -- Html&Css -- 层级和透明度
- HTML DOM print() 方法 ,html 打印
- [工具] Altova UModel® 2017 is a UML tool for software modeling & application development.
- 前端学习 -- Html&Css -- 条件Hack 和属性Hack
- 前端学习 -- Html&Css -- 表格
- 前端学习 -- Html&Css -- 层级和透明度
- 前端学习 -- Html&Css -- 相对定位 绝对定位 固定定位
- java&javaweb学习笔记
- Lua 脚本获取 EVAL & EVALSHA 命令的参数
- select * from table where 1<>1
- 【STM32F407&F429&H7的DSP教程】第34章 滤波器基础知识
- 华为OD机试 - 求满足条件的最长子串的长度(Java & JS & Python)
- 两个html中div的复用 如何在HTML不同的页面中,共用头部与尾部?iframe标签
- httpd: Could not reliably determine the server's fully qualified domain name
- 每个程序员和设计师必做的10项运动(http://begeek.cn/post/8271.html?_biz=MjM5OTA1MDUyMA==&mid=407358558&idx=2&sn=b218)
- C++ Qt开发——元对象系统&布局管理器
- 〖大前端 - 基础入门三大核心之 html 篇⑰〗- HTML篇内容总结
- 《低代码发展白皮书(2022年)》&《2022低代码·无代码应用案例汇编》,发布了
- 自己做站点(二) 20块钱搞定一个企业站:域名&空间申请
- 前端基础 & 初识HTML
- 如何把包含图片的docx文件转换为HTML WORD 转为html
- IDEA & Android Studio换主题背景
- 网页前端(Html)video播放m3u8(HLS)&Vue使用video.js播放m3u8
- 【霍洛维兹数据结构】栈和队列 | 动态循环队列 | 迷宫问题 | 表达式 | 多重栈&多重队列