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";
}
}

最新文章

  1. [bigdata] spark集群安装及测试
  2. SpringMVC实现查询功能
  3. 如何选择 H5 游戏引擎
  4. windows phone 8.1教务在线客户端(后续)
  5. Gulp解决发布线上文件(CSS和JS)缓存问题
  6. [Angularjs]asp.net mvc+angularjs+web api单页应用之CRUD操作
  7. Win10 保存Element到相册
  8. Region的预分区
  9. [php] How to debug PHP in the terminal
  10. 如何在Mac OSX上安装xgboost
  11. JDBC-ODBC桥接方法连接Excel数据库的方法
  12. 黑马程序员-C#学习笔记
  13. Codeforces Gym 100286B Blind Walk DFS
  14. cygwin 扩展
  15. 原生js实现轮播图
  16. 直方图均衡化CImg实现
  17. python2.x和python3.x的区别
  18. CF908D New Year and Arbitrary Arrangement(期望Dp+数学)
  19. Session的生命周期之关于浏览器关闭后的Session
  20. js 时间日期格式转换

热门文章

  1. BZOJ 3998 [TJOI2015]弦论 ——后缀自动机
  2. [BZOJ1584] [Usaco2009 Mar]Cleaning Up 打扫卫生(DP)
  3. 刷题总结——射箭(bzoj2732)
  4. P1857 质数取石子 (DP,递推)
  5. HDU4405-Aeroplane chess(概率DP求期望)
  6. Bzoj2007 [Noi2010]海拔(平面图最短路)
  7. linux 安装软件出现/tmp 磁盘不足时 解决方案
  8. Java游戏服务器搭建
  9. 使用Crypto对数据进行加密解密
  10. Java开发笔记(一百零一)通过加解锁避免资源冲突