event 事件 冒泡
2016-03-12 13:28
369 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div1{ width: 400px; height: 300px; background: red; display: none; } </style> <script type="text/javascript"> //事件冒泡 事件会冒泡到他的父级 onclick事件会冒泡到它的父级 window.onload = function(){ var oBtn = document.getElementById("btn"); var oDiv = document.getElementById("div1"); oBtn.onclick = function(ev){ var oEvent = ev || event; oDiv.style.display = "block"; oEvent.cancelBubble = true; //阻止事件冒泡 } document.onclick = function(){ // alert("document被执行了"); oDiv.style.display = "none"; } } </script> </head> <body> <input id="btn" type="button" value="按钮"/> <div id="div1"></div> </body> </html>
相关文章推荐
- 再思linux内核在中断路径内不能睡眠/调度的原因(2010)
- POI 实现甘蔗图报表与效果图
- 【2016.3.12】chown 解析
- 缩放夹逼求极限_20160312
- IOS8与IOS9不同点
- SublimeTest配置笔记
- shell中for循环总结
- C++实验1-三个整数输出最大值
- Andrew NG机器学习课程笔记系列之——Introduction to Machine Learning
- Andrew NG机器学习课程笔记系列之——从导数谈起
- 2016年3月11日Android学习日记
- jsp 页面和 jsp标记
- mongoose中如何给数据添加对应schema中没有的字段
- java内存溢出
- HDU 1010 Tempter of the Bone (搜索 + 奇偶剪枝)
- egnaRsrebmuNfoDNAesiwtiB.201
- js将echarts图表转换成base64位格式编码的图片
- 对我们最常用的软件QQ的看法
- vijos 1067 Warcraft III 守望者的烦恼 矩阵
- 欢迎使用CSDN-markdown编辑器