Javascript点击其他任意地方隐藏关闭DIV实例
代码如下，实现了点击input显示一个div层，当点击除input和div以外的地方的时候，隐藏div的功能。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>点击其它地方关闭DIV</title>
</head>
<body>
<input type="text" value="" id="tf"/>
<div style="width:400px; height:200px;border:1px solid #000;display:none" id="con">
<p>1111</p>
<p><span>2222</span></p>
<p><a href="#">3333</a></p>
</div>
<script>
function e(obj){return document.getElementById(obj)}
e('tf').onclick=function(event){
e('con').style.display='block';
stopBubble(event);
document.onclick=function(){
e('con').style.display='none';
document.onclick=null;
}
}
e('con').onclick=function(event){
//只阻止了向上冒泡，而没有阻止向下捕获，所以点击con的内部对象时，仍然可以执行这个函数
stopBubble(event);
}
//阻止冒泡函数
function stopBubble(e){
if(e && e.stopPropagation){
e.stopPropagation(); //w3c
}else{
window.event.cancelBubble=true; //IE
}
}
</script>
</body>
</html>
以上就是本文的全部内容，了解更多JavaScript的语法，大家可以查看：《JavaScript 参考教程》、《JavaScript代码风格指南》，也希望大家多多支持小牛知识库。
-
本文向大家介绍vue 点击其他区域关闭自定义div操作，包括了vue 点击其他区域关闭自定义div操作的使用技巧和注意事项，需要的朋友参考一下 方法一： 在外层div添加事件 @click="closeSel" html method 方法二、element.addEventListener(event, function, useCapture) mounted中 注意此方法使用时 e和 $el
-
本文向大家介绍javascript实现显示和隐藏div方法汇总，包括了javascript实现显示和隐藏div方法汇总的使用技巧和注意事项，需要的朋友参考一下 javascript实现显示和隐藏div方法汇总 我们再来看下其他小伙伴是如何实现的 示例三： 先来看一个最简单的实例,这个可以实现显示和隐藏层 下面是关闭层，其实原理 是一样的只是加了个效果。
-
本文向大家介绍jQuery点击其他地方时菜单消失的实现方法，包括了jQuery点击其他地方时菜单消失的实现方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery点击其他地方时菜单消失的实现方法。分享给大家供大家参考，具体如下： 事情是这样的,比如我点击一个div显示出一个菜单,当点击其他地方,菜单消失,其中一个思路就是给document绑定上click事件,如果是点击div就显示
-
问题内容： 对于我正在做的网站，我想加载一个div，然后隐藏另一个，然后有两个按钮可以使用JavaScript在div之间切换视图。 这是我当前的代码 替换div2的第二个功能不起作用，但第一个功能起作用。 问题答案： 如何显示或隐藏元素： 为了显示或隐藏元素，请操纵元素的style属性。在大多数情况下，您可能只想更改元素的属性： 或者，如果您仍然希望元素占用空间（例如，如果您要隐藏表格单元格），
-
对于我正在做的一个网站，我想加载一个div并隐藏另一个，然后有两个按钮可以使用JavaScript在div之间切换视图。 这是我当前的代码 null null 取代div2的第二个函数不起作用，但第一个是。
-
问题内容： 我在页面上存在一个，我需要进行设置，以便当用户在该元素之外单击时它将被隐藏，但是如果用户在该元素内的某个位置单击，则它应该保留。 我尝试使用 和 将其添加到该特定DIV的click事件中，但这没有用。 谢谢！ 问题答案： 在弹出式鼠标悬停时切换 标志 ： 注： 如果页面上的某个地方，你有一个元素 阻止 的冒泡DOM树达（以注册），您可能希望 创建一个全屏幕 （就像一个页面叠加） 弹出包