js点击出现场层层外点击层消失的代码

更新时间：2008年09月18日 16:52:37 作者：

主要是修复了如果层上有东东的话，点击也消失的情况

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">     <head>         <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />         <title>点击一个连接显示层~点击其他区域隐藏 练习 by 脚本之家</title>         <style type="text/css">             #myDiv{                 border:1px solid #000000;                 width:200px;                 height:100px;                 background:#cccccc;             }         </style>         <script language="JavaScript" type="text/javascript">         function addListener(element,e,fn){      if(element.addEventListener){     element.addEventListener(e,fn,false);      } else {      element.attachEvent("on" + e,fn);      }     }         addListener(document,"click",function(evt){                 var evt = window.event?window.event:evt,target=evt.srcElement||evt.target;                 if(target.id == "showDiv"){                     document.getElementById("myDiv").style.display = "";                     return;                 }else{                     while(target.nodeName.toLowerCase() != "div" && target.nodeName.toLowerCase() != "html"){                         target = target.parentNode;                             }                     if(target.nodeName.toLowerCase() == "html"){                         document.getElementById("myDiv").style.display = "none";                     }                                                               }                     })         </script>     </head>     <body>         <div id="myDiv" style="display:none;"><a href="https://www.jb51.net" target="_blank">脚本之家</a></div>         <input type="button" value="出来吧层" id="showDiv" />     </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

一行代码实现纯数据json对象的深度克隆实现思路
今天整理了下资料，分析下为什么一句话可以实现纯数据json对象的深度克隆,感兴趣的朋友可以了解下哦
2013-01-01
javascript中内置对象Math的介绍及用法案例
Math对象是一个内置对象,具有数学常数和函数的属性和方法,不是一个函数对象,下面这篇文章主要给大家介绍了关于javascript中内置对象Math的介绍及用法案例的相关资料,需要的朋友可以参考下
2022-03-03
JavaScript懒加载与预加载原理与实现详解
这篇文章主要介绍了JavaScript懒加载与预加载，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-09-09
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
这篇文章主要介绍了JS采用ActiveXObject实现用户在提交表单时屏蔽敏感词的功能的相关资料,需要的朋友可以参考下
2017-06-06
Javascript打印网页部分内容的脚本
有时候我们只需要打印部分内容，因为现在的页面中广告和一些相关内容很多，所有用下面的方法，就可以了
2008-11-11
JavaScript数组去重和扁平化函数介绍
这篇文章主要介绍了JavaScript数组去重和扁平化函数，数组扁平化又称数组降维，下面文章围绕数组去重和扁平化函数得相关资料展开内容,需要的朋友可以参考一下
2021-12-12
jstl中判断list中是否包含某个值的简单方法
下面小编就为大家带来一篇jstl中判断list中是否包含某个值的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
这篇文章主要介绍了基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统的相关资料,需要的朋友可以参考下
2015-12-12
一波JavaScript日期判断脚本分享
这篇文章主要介绍了一波JavaScript日期判断脚本分享,包括计算日期是否在时间段内即闰年的判断等,需要的朋友可以参考下
2016-03-03
JS实现数组去重复值的方法示例
这篇文章主要介绍了JS实现数组去重复值的方法,结合实例形式分析了JS通过数组遍历、运算等方法实现去重复值的操作技巧,需要的朋友可以参考下
2017-02-02

js点击出现场层层外点击层消失的代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具