点击页面任何地方，将div隐藏，除了指定位置外。下面代码的意思是：div的id为aa，点击除了aa以外的任何地方，都可以使aa隐藏。
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div{border:1px solid #000; width:200px; height:200px; margin:10px; float:left}
#aa{background-color:#00FFFF}
</style>
</head>
<body>
<div id="d1">d1</div>
<div id="d2">d2</div>
<div id="aa">
<p>我是aa</p>
<table width="100%" border="0" bgcolor="#0000FF">
<tr>
<th scope="col">1</th>
<th scope="col">2</th>
<th scope="col">3</th>
<th scope="col">q</th>
<th scope="col">a</th>
</tr>
<tr>
<td>q</td>
<td>e</td>
<td>w</td>
<td>w</td>
<td>w</td>
</tr>
<tr>
<td>w</td>
<td>w</td>
<td>w</td>
<td>3</td>
<td>1</td>
</tr>
</table>
<p>我是aa</p>
</div>
<div id="d4">d3</div>
</body>
</html>
<script type="text/javascript">
document.onclick = hideAA;
function hideAA(e){
var src = e?e.target:event.srcElement;
do{
if(src.id =="aa") return;
src = src.parentNode;
}while(src.parentNode)
document.getElementById("aa").style.display = "none";
}
</script>
分享到：
相关推荐
jQuery实现点击除了特定div的页面其它地方，隐藏该div功能。 在触发DOM上的某个事件的时候会产生一个事件对象event，这个对象包含着所有与事件有关的信息，包括产生事件的元素、事件类型等相关信息，思路一中div的...
一点击图标div隐藏显示功能，js读取xml文件，以及iframe的用法的小示例
很高兴，我们在阅读了相关的注释后，我们大概能看到fixed是比较符合我们的需求的： fixed: 位置被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及...
可是这会让我们打开服务评分界面时还可以点击body主界面中的购物车等链接，这是不对的，因此我们可以使用层叠样式表来指定外围的div的z-index低于当前服务评分表单页面，不能被点击，如下: /* 定义一个div用于覆盖...
该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置 [注意]关于锚点的详细信息移步至此 <body style=height:2000px;...
如何使用vue进行按钮点击后指定区域内容隐藏，再次点击按钮隐藏内容显示。实现思路：首选需要设置一个属性为true(show:true)，然后使用v-if把show属性绑定到要显示与内容的标签身上，最后给点击按钮添加点击事件，当...
DIV_点击 说明：点击网页的【DIV】，失败返回假 DIV_取ID 说明：取【DIV】的ID，失败返回空文本 DIV_取titlt标题 说明：取【DIV】的titlt标题，失败返回空文本 DIV_取标题 说明：取【DIV】的标题，失败返回空文本...
lhgdialog超强弹窗控件，支持遮罩，缩放、拖动，随...7、为lhgdialog.show增加隐藏指定select或者不隐藏或者隐藏全部的参数（演示14） 原版地址:http://www.cnblogs.com/lhgstudio/archive/2009/03/26/1386048.html
最近在做培训管理系统中遇到一个问题，需求需点击绑定的数据，将指定的附件下载下来，并且是批量下载（绑定的数据非datagrid,后台拼接的绑定）。 效果图如下： 大体思路： 1.jquery得到选中的绑定数据的id,将这个...
还可以是#id属性值，这样当点击超链接以后，将会跳转到当前页面的指定位置 可以使用mailto:来创建一个发送电子邮件的超链接 target 指定在哪个窗口中打开链接 可选值 _self 默认值，...
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件 $(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点...
-这将会影响所有的aspx页面，一定要将工具条（Toolbars）和Items区分开来。 -祝你生日快乐 - 小师妹妹。 +2009-08-29 v2.0.8 -ExtAspNet支持多语言（en,zh_CN,zh_TW），可以在Web.config中修改。 -将所有的...
代码隐藏页模型与单文件页模型不同的是，代码隐藏页模型将事物处理代码都存放在cs文件中，当ASP.NET网页运行的时候，ASP.NET类生成时会先处理cs文件中的代码，再处理.aspx页面中的代码。这种过程被成为代码分离。 ...
它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。当 浏览器不支持Canvas时，将采用Flashcanvas或ExplorerCanvas技术代替实现。 以下浏览器能够很好的支持该脚本：Firefox 3.5+, Google Chrome, Opera...
实例042 应用CSS+DIV实现指定尺寸无边框无滚动条窗口 65 实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用...
独立于任何网页位置处，声明一个样式文件(.css为后缀)，在文件中声明样式，在使用的网页中引入.css文件。 使用步骤： 1.创建样式表文件（.css） 2.在样式文件中编写样式规则 3.在网页中对样式文件进行引入 <...
如果是静态的CSS，当然是可以直接写上去的，但有些界面是需要一些动态效果的，比如颜色变化，字体大小变化，甚至DIV 的隐藏于现实等，这些都需要用javascript 动态控制其CSS样式，下面就常用的jquery 控制 css 样式...
第1章 页面特效 1.1 HTML页面反向显示 1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 1.6 保护自己的网页不被放入框架 1.7 保护自己的网页不被放入框架 1.8 打印页面的出错...
windwo mover 将窗口移到屏幕的指定地方 dreamshow 使图片像播放幻灯一样顺序播放 Show-HideallLayers 隐藏或者显示所有的层 OpenerLocation 在新窗口中打开指定的url Flash3_detector 监测是否支持flash3 ...
第1章 页面特效 1.1 HTML页面反向显示 1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 1.6 保护自己的网页不被放入框架 1.7 保护自己的网页不被放入框架 1.8 打印页面的出错...