event对象和事件冒泡
2016-03-22 08:38
316 查看
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 { width: 400px; height: 300px; background: #CCC; display: none; } </style> <script> window.onload = function () { var oBtn = document.getElementById('btn1'); var oDiv = document.getElementById('div1'); oBtn.onclick = function (ev) { var oEvent = ev || event;//获取event对象的兼容性写法 oDiv.style.display = 'block'; oEvent.cancelBubble = true;//取消事件冒泡 }; document.onclick = function () { oDiv.style.display = 'none'; }; }; </script> </head> <body> <input id="btn1" type="button" value="显示"/> <div id="div1"> </div> </body> </html> 运行结果(点击任意界面div消失):
相关文章推荐
- C# 该行已经属于还有一个表 的解决方法
- poj 2393 Yogurt factory
- Linux & Mac curl 命令行使用——POST&GET
- 稀疏矩阵的压缩存储与转置
- Android adb wifi连接调试
- 模拟实现new、delete和new[] 、delete[]
- 全局变量 局部变量 静态变量的区别
- scoiday1T3&&bzoj4445小凸想跑步
- s3c2440第一个流水灯驱动程序(JZ2440)
- (语法)内存地址和指针<一>
- Integer Inquiry(大数)
- 学习JS的第二天
- 桶排序
- update语句的执行步骤及commit语句的执行顺序
- Rebirth 认认真真的成为Android大拿!
- POJ_P2728 Desert King(最优比率生成树)
- [Android]Fragment源代码分析(二) 状态
- 表单2
- flask upload file
- 快速排序