js 禁止冒泡 点击页面空白处,隐藏特定的div
来源:互联网 发布:维护网络数据的 编辑:程序博客网 时间:2024/05/28 09:32
<!doctype html><html> <head> <title>demo</title> <style type="text/css"> .main { position:relative} #btn { border:none;cursor:pointer;background:#ccc } .layer { position:absolute;height:30px;width:50px;background:#4cff00;display:none } </style> <script> window.onload = function () { function stopPropagation(e) { if (e.stopPropagation) { e.stopPropagation(); } else { e.cancelBubble = false; } } var btn = document.getElementById("btn"); var layer = document.getElementById("layer"); btn.onclick = function (e) { layer.style.display = "block"; layer.style.left = "10px"; layer.style.top = "50px"; stopPropagation(e); } window.onclick = function (e) { layer.style.display = "none"; } } </script> </head> <body> <div class="main"> <input id="btn" type="button" value="点击"/> <div class="layer" id="layer"> </div> </div> </body></html>
0 0
- js 禁止冒泡 点击页面空白处,隐藏特定的div
- 点击页面空白处时隐藏弹出的div层
- js点击空白处隐藏div
- 点击空白处隐藏div
- 点击空白处隐藏div
- 点击空白处隐藏DIV
- js点击页面隐藏div
- js点击空白处控制特定元素
- 点击空白处隐藏div层
- jquery点击空白处隐藏div
- 点击空白处隐藏div方法
- jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。
- 点击按钮div层弹出,点击空白处div隐藏
- 点击空白区域,div隐藏
- jquery实现点击div空白处隐藏该div
- 点击特定div之外的任何地方,该div隐藏
- 点击空白处隐藏
- 点击空白处隐藏
- 【A* + 第K短路】 poj2449 Remmarguts' Date
- oracle跨库查询dblink的用法
- 关于DropDownList绑定数据后,怎么添加另外的默认值
- 盒子浏览器的检测
- SAP HANA的特点
- js 禁止冒泡 点击页面空白处,隐藏特定的div
- POJ 2337 Catenyms 欧拉通路
- acm1001
- windows下面配置ffmpeg且用java调用
- js/jQuery判断浏览器名称、内核版本、浏览器壳
- JNI开发中遇到的各种问题
- 如何给UITableView 或 UIScrollView 的content 做截图
- MYSQL数据库设计和数据库设计实例(三)
- C语言与C++不得不说的那点事