使用cancelBubble竟然可以阻止所有浏览器的冒泡？
2024-08-24 12:27:00
以前一直以为cancelBubble是IE8及以下的专属，今天做一个测试的时候意外发现了所有浏览器都支持，便提出来希望有哪位解释下。
1.使用原生js在FF下和chrome下两种方法都可以阻止冒泡
document.getElementById("wq").addEventListener("click",function(e){
console.log('wq');
},false);
document.getElementById("we").addEventListener("click",function(e){
console.log(e);
// e.stopPropagation();
e.cancelBubble = true;
},false);
2.使用jquery两种方法也都可以阻止冒泡
<div id="wq">
<span id="we">click</span>
</div>
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$("#wq").on("click",function(){
console.log("wq");
});
$("#we").on("click",function(e){
console.log(e);
// e.stopPropagation();
e.originalEvent.cancelBubble = true;
})
</script>
最新文章
- ueditor工具栏新增按钮教程
- Model--汇总
- Android Studio快捷键每日一练（3）
- http基础实战
- struts2-通配符映射（基本没啥卵用）和动态调用
- mac攻略(二) -- 简单配置php开发环境
- JAVA学习Swing章节JPanel和JScrollPane面板的简单学习
- mysql ERROR 1045 (28000): Access denied for user解决方法 (转)
- Oracle中存储过程与函数的区别
- adb shell settings ....
- Spring与Jdbc Demo
- Centos6.5环境中安装vsftp服务
- java线程之二（synchronize和volatile方法）
- CAS (多线程保证原子性)
- Docker Compose 一键部署LNMP
- Windows10下手工强制清理删掉安装版的JRE8导致java.exe无法运行的解决办法
- 适用于 Windows VM 的 Azure 示例基础结构演练
- python -- peewee处理数据库连接
- git学习——<四>git版本管理
- VS 2013 简体中文 专业版 下载地址。