点击div外区域实现隐藏
2015-04-13 09:48
183 查看
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.9.1.js"></script> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title></title> <style type="text/css"> * { padding: 0; margin: 0; } #box { position: relative; margin: 50px; } #pop { display: none; position: absolute; left: 200px; top: 100px; width: 120px; height: 120px; border: 2px solid #ccc; background: #eee; } </style> <script type="text/javascript"> window.onload = function() { var oBox = document.getElementById("box"); var obj = document.getElementById("pop"); var oBtn = document.getElementById("click"); oBtn.onclick = function() { obj.style.display = "block"; } document.onclick = function(event) { // var e = event || window.event; //兼容ie和非ie的event var aim = e.srcElement || e.target; //兼容ie和非ie的事件源 // if (e.srcElement) { var aim = e.srcElement; if (aim != oBtn && aim != obj) { obj.style.display = "none"; } } else { var aim = e.target; if (aim != oBtn && aim != obj) { obj.style.display = "none"; } } } } </script> </head> <body> <div id="box"> <a id="click" >点击弹出</a> <div id="pop"> 弹出层内容呢 </div> </div> </body> </html>
相关文章推荐
- js实现的点击div区域外隐藏div区域(转)
- js实现的点击div区域外隐藏div区域
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- jQuery实现点击div外的区域,来隐藏它自身
- js实现的点击div区域外隐藏div区域
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- angularjs实现点击图标显示div,点击div以外的区域隐藏div
- js实现的点击div区域外隐藏div区域
- js实现的点击div区域外隐藏div区域
- jQuery实现鼠标点击Div区域外隐藏Div
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- jQuery实现点击其它地方隐藏该div
- jQuery点击按钮实现div的隐藏和显示切换效果
- jquery 实现点击其他地方隐藏之前点击显示的div标签等
- 点击空白区域,div隐藏
- JQuery实现点击div以外的位置隐藏该div
- jQuery实现点击展开div,再点击div隐藏
- Js-Html 前端系列--点击非Div区域隐藏Div
- 在空白处点击,实现隐藏div(下拉菜单或其它弹框)的方法
- 怎么点击div之外的区域就隐藏这个div啊 找了很久,都没有很好解决