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需再刷新一下页面才能执行]

使用ThinkJs搭建微信中控服务的实现方法
这篇文章主要介绍了使用ThinkJs搭建微信中控服务的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-08-08
原生js基于canvas实现一个简单的前端截图工具代码实例
这篇文章主要介绍了原生js基于canvas实现一个简单的前端截图工具代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09
JS中sort函数排序用法实例分析
这篇文章主要介绍了JS中sort函数排序用法,结合实例形式详细分析了sort函数的功能、原理及实现数组排序的相关技巧,代码中备有详尽的注释便于理解,需要的朋友可以参考下
2016-06-06
js实现随机抽选效果、随机抽选红色球效果
本文主要分享了js实现随机抽选效果、随机抽选红色球效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
如何用JS解析剪切板里的excel内容
这篇文章主要介绍了如何用JS解析剪切板里的excel内容，对解析excel感兴趣的同学，可以参考下
2021-04-04
获取鼠标在div中的相对位置的实现代码
如何获取鼠标在div中的相对位置，其实是很简单，下有个不错的示例，感兴趣的朋友可以参考下
2013-12-12
原生js实现波浪导航效果
这篇文章主要为大家详细介绍了原生js实现波浪导航效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
微信小程序实现上传图片裁剪图片过程解析
这篇文章主要介绍了微信小程序实现上传图片裁剪图片过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-08-08
原生js获取元素样式的简单方法
下面小编就为大家带来一篇原生js获取元素样式的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
为原生js Array增加each方法
为原生js Array增加each方法，通过prototype来增加功能，进行扩展
2012-04-04