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

来源：动视网责编：小采时间：2020-11-27 20:40:01

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

js点击出现场层层外点击层消失的代码_javascript技巧: 点击一个连接显示层~点击其他区域隐藏练习 by 脚本之家 #myDiv{ border:1px solid #000000; width:200px; height:100px; background:#cccccc; } function addListener(element,e,fn){ if(element.

推荐度：

点击下载本文 文档为doc格式

导读js点击出现场层层外点击层消失的代码_javascript技巧: 点击一个连接显示层~点击其他区域隐藏练习 by 脚本之家 #myDiv{ border:1px solid #000000; width:200px; height:100px; background:#cccccc; } function addListener(element,e,fn){ if(element.

<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> 
  
 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> 
 脚本之家 
 <input type="button" value="出来吧层" id="showDiv" /> 
 </body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

推荐度：

点击下载本文 文档为doc格式

标签：技巧 js javascript

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐