javascript 阻止事件冒泡 cancelBubble
2024-10-19 03:34:03
javascript简单的阻止事件冒泡,可以使用事件的cancelBubble方法为true;
html部分
<button id="btn1">点击显示div</button>
<div id="showDiv">
显示了
</div>
js部分
window.onload = function(){
var btn1 = document.getElementById("btn1");
var showDiv = document.getElementById("showDiv");
btn1.onclick = function(ev){
var oEvent = ev || event;
showDiv.style.display = "block";
//阻止时间冒泡
oEvent.cancelBubble = true;
}
document.onclick = function(){
showDiv.style.display = "none";
}
}
最新文章
- [bigdata] spark集群安装及测试
- SpringMVC实现查询功能
- 如何选择 H5 游戏引擎
- windows phone 8.1教务在线客户端(后续)
- Gulp解决发布线上文件(CSS和JS)缓存问题
- [Angularjs]asp.net mvc+angularjs+web api单页应用之CRUD操作
- Win10 保存Element到相册
- Region的预分区
- [php] How to debug PHP in the terminal
- 如何在Mac OSX上安装xgboost
- JDBC-ODBC桥接方法连接Excel数据库的方法
- 黑马程序员-C#学习笔记
- Codeforces Gym 100286B Blind Walk DFS
- cygwin 扩展
- 原生js实现轮播图
- 直方图均衡化CImg实现
- python2.x和python3.x的区别
- CF908D New Year and Arbitrary Arrangement(期望Dp+数学)
- Session的生命周期之关于浏览器关闭后的Session
- js 时间日期格式转换
热门文章
- BZOJ 3998 [TJOI2015]弦论 ——后缀自动机
- [BZOJ1584] [Usaco2009 Mar]Cleaning Up 打扫卫生(DP)
- 刷题总结——射箭(bzoj2732)
- P1857 质数取石子 (DP,递推)
- HDU4405-Aeroplane chess(概率DP求期望)
- Bzoj2007 [Noi2010]海拔(平面图最短路)
- linux 安装软件出现/tmp 磁盘不足时 解决方案
- Java游戏服务器搭建
- 使用Crypto对数据进行加密解密
- Java开发笔记(一百零一)通过加解锁避免资源冲突