js弹出层点层以外任意地隐藏，这个问题很早之前解决过，自己比较偷懒就没记录下来，最近做一个效果再次碰到，网上搜到了相关方法，现在把方法整理一下
关键在 e.stopPropagation()方法，该方法是在Event对象中，说明是停止某事件的传播。
相关说明：http://www.w3school.com.cn/jsref/event_stoppropagation.asp
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script src="js/jquery.min.js"></script>
<style>
div{
position: absolute;
width: 300px;
height: 150px;
border: 1px solid #ddd;
background: #ddd;
display: none;
z-index: 99999;
}
span{
position: absolute;
left: 35%;
top: 25%;
}
</style>
<script>
$(function (){
$('#area').click(function(){
var offset = $(this).offset();
$('div').css({top:offset.top,left:offset.left});
$('div').show();
$('div').mousedown(function (e){
e.stopPropagation();
});
$(document).mousedown(function (){
$('div').hide();
});
});
});
</script>
</head>
<body>
<span>
地区:<input id="area" type="text"></span>
<div >
这是一个层
</div>
</body>
</html>
相关推荐
js弹出层效果js弹出层效果js弹出层效果js弹出层效果js弹出层效果js弹出层效果js弹出层效果js弹出层效果js弹出层效果js弹出层效果
javascript弹出层插件支持点击触发js弹出层，滑过触发js弹出层，带动画效果js弹出层，可自定义函数回调js弹出层。js代码。
可自定义js弹出层动画特效是一款javascript弹出层插件，支持点击触发js弹出层，滑过触发js弹出层，带动画效果js弹出层，可自定义函数回调js弹出层。
js弹出div获取弹出层中文本值 经测试适用于现在主流 浏览器如：IE6+.. ff 等等
开发时用到的Js弹出层
JS弹出层代码JS弹出层代码JS弹出层代码JS弹出层代码JS弹出层代码JS弹出层代码JS弹出层代码JS弹出层代码JS弹出层代码
2.width height弹出框的长宽 默认500 300 3.scrolling弹出框是否有滚动条 可选值 auto no yes 默认auto 4.titleColor 弹出框title背景颜色 默认#7093DB 5.title 弹出框名称 6.弹出框url 7.弹出框是否可拖动 true or ...
JS弹出层大集合。很多好用的JS弹出层代码。你再也不用到处下载，一次下载，慢慢挑选
js弹出层 城市切换效果js弹出层 城市切换效果
18种非常实用的js弹出层，对于前端页面开发有很大的借鉴以及帮助
原生js代码点击文字或小图弹出层_点按钮关闭弹出层特效 原生js代码点击文字或小图弹出层_点按钮关闭弹出层特效 原生js代码点击文字或小图弹出层_点按钮关闭弹出层特效
一个简单实用的js弹出窗口、弹出层，可以简单改一下来应用在项目中。
JS做的隐藏与显示DIV可拖动弹出层实例代码 学习参考
最简单实用的弹出层，已经封装，注释详细，方便调用。
js弹出层可拖动兼容各大浏览器 js弹出层可拖动兼容各大浏览器 js弹出层可拖动兼容各大浏览器 js弹出层可拖动兼容各大浏览器
非常简单好用的JS弹出层, 支持模态窗口 支持弹出层嵌套 支持返回值
js 弹出层 效果 仿百度,js弹出层效果案例。可直接运行。
js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层js带尖角的div弹出层
js弹出层table运用,可移动框
js漂亮弹出层 对话框 js漂亮弹出层 对话框