if(window.event){
// 如果事件句柄想阻止事件传播到包容对象，必须把该属性设为 true。
e.cancelBubble = true ;
} else {
e.preventDefault(); // 方法取消事件的默认动作
e.stopPropagation(); // stopPropagation的字面意思是停止传播。
}
事件冒泡
2017-11-07
730
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
// 如果事件句柄想阻止事件传播到包容对象，必须把该属性设为 true。
e.cancelBubble = true ;
} else {
e.preventDefault(); // 方法取消事件的默认动作
e.stopPropagation(); // stopPropagation的字面意思是停止传播。
}
目录
相关文章
|
7月前
|
7月前
|
7月前
|
JavaScript
|
1月前
|
JavaScript
前端开发
UED
事件冒泡
【10月更文挑战第29天】事件冒泡是 JavaScript 中一种强大的事件传播机制，理解和正确使用事件冒泡可以帮助开发者实现更加高效、灵活的网页交互效果。在实际开发中，需要根据具体的需求和场景，合理地利用事件冒泡，并注意处理可能出现的事件冲突和兼容性问题。
35
3
3
|
1月前
|
JavaScript
前端开发
事件委托
【10月更文挑战第29天】事件委托是JavaScript中一种重要的事件处理机制，它能够有效地提高事件处理的效率，减少内存占用，尤其适用于处理大量具有相似行为的DOM元素的事件。
41
2
2
|
1月前
|
JavaScript
前端开发
数据安全/隐私保护
事件捕获
【10月更文挑战第29天】事件捕获作为JavaScript中重要的事件传播机制之一，为开发者提供了一种在事件到达目标元素之前进行处理和控制的方式。通过合理地运用事件捕获，可以实现更灵活、更强大的事件处理逻辑，但同时也需要注意其兼容性、事件顺序和性能等方面的问题，以确保事件处理的正确性和高效性。
50
1
1
|
2月前
|
JavaScript
前端开发
|
3月前
|
JavaScript
前端开发
API
|
3月前
|
存储
JavaScript
前端开发
js事件冒泡和事件委托
事件冒泡是指事件从最内层元素开始逐级向上传播至祖先元素的过程，默认情况下，点击子元素时会先触发自身的事件处理程序，再依次向上触发父元素的处理程序。事件委托则是在父元素上设置事件处理程序，利用事件冒泡机制处理子元素的事件，以此减少内存消耗和提高性能，特别适用于处理大量动态子元素的情况。其区别在于事件冒泡是事件传播机制的一部分，而事件委托是编程技巧，通过在父元素上绑定事件处理程序来简化子元素的事件处理。
29
0
0
|
6月前
|
索引
热门文章
最新文章
1
RDS入门——Excel文件转存到RDS数据库实践
2
3、Python与设计模式--建造者模式
3
PostgreSQL SQL HINT的使用
4
跟阿里云技术专家阙寒一起深度了解视频直播CDN技术
5
流批一体的近实时数仓的思考与设计
6
带你读《存储漫谈Ceph原理与实践》第三章接入层3.3.文件存储 CephFS（一）
7
java split()
8
（转载） 数组a[]={3,5,2,4,1,8}，要求从a中找出所有“和”等于10的子集
9
linux下java 调用 c jni 实现 HelloWorld
10
ASP.NET MVC Music Store教程（3)：视图和视图模型
1
一个包含了 50+ C#/.NET编程技巧实战练习教程
48
2
使用 BenchmarkDotNet 对 .NET 代码进行性能基准测试
29
3
C#集合数据去重的5种方式及其性能对比测试分析
24
4
精选10款C#/.NET开发必备类库（含使用教程），工作效率提升利器！
26
5
.NET MongoDB数据仓储和工作单元模式封装
33
6
推荐几个不错的数据库设计工具
35
7
C#正则表达式快速入门
21
8
好消息，在 Visual Studio 中可以免费使用 GitHub Copilot 了！
32
9
3款.NET开源、功能强大的通讯调试工具，效率提升利器！
21
10
.NET 在 Visual Studio 中的高效编程技巧集
22