点击一个div 隐藏和显示支持手机端的

最新推荐文章于 2021-06-04 04:50:37 发布

milijiangjun

最新推荐文章于 2021-06-04 04:50:37 发布

阅读量2.8k

点赞数

分类专栏： # html5

本文链接：https://blog.csdn.net/milijiangjun/article/details/78622173

版权

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		#nav{
			width: 100px;
			height: 100px; border:1px solid red;

		}
	</style>
	<script type="text/javascript">
	 
	document.οnclick=function(ev){
		//要隐藏的 div 外点击事件
	  var ev=window.event||ev;
	  hide('false',ev,'nav'); 
		}
	function hide(CheckShow,evt,id){ 


 	  var obj=document.getElementById(id); 
	  var target=evt.target?evt.target:evt.srcElement;
	  if(CheckShow == "true"){
	  	//首先排除事件的
		obj.style.display="block"; 
	  	return;}else
	  if(target.id=="nav2"||target.id=="nav3"||target.id=="anani" )
	  return;
	  else
	  obj.st

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

milijiangjun

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
点击一个div 隐藏和显示支持手机端的

代码如下： Document #nav{ width: 100px; height: 100px; border:1px solid red; } document.onclick=function(ev){ //要隐藏的 div 外点击事件 var ev=window.event||ev; hide('false',ev,'
复制链接

扫一扫