点击空白处关闭弹窗

简介: 点击空白处关闭弹窗
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>点击空白处关闭弹窗</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<style>
.box {
 margin:50px auto;
 width:100px;
 height:100px;
 background-color:pink;
}
</style>
</head>
<body>
<div class="box"></div>
<script>
click("box","box");
function click(name,box) {
    $(document).on("click", function(e) {
        var _conss = $('.'+name);//点击的容器范围
        if (!_conss.is(e.target) && _conss.has(e.target).length === 0) {
            $("."+box).hide();//选择要关闭的容器
        }
    });
}
</script>
</body>
</html>


相关文章
|
小程序 JavaScript
小程序点击按钮弹出可填写框
小程序点击按钮弹出可填写框
103 0
|
JavaScript
怎么点击下拉框外面关闭下拉框
怎么点击下拉框外面关闭下拉框
286 0
|
开发者
jeDate日期控件的使用以及选中后点确定按钮关闭功能
jeDate日期控件的使用以及选中后点确定按钮关闭功能
158 0
selenium+python:点击元素、alert弹框、鼠标操作(左键点击、右键点击、双击、鼠标悬浮)、下拉选项框、窗口切换等操作的处
selenium+python:点击元素、alert弹框、鼠标操作(左键点击、右键点击、双击、鼠标悬浮)、下拉选项框、窗口切换等操作的处
禁止鼠标右键和鼠标选中
1.禁止鼠标右键菜单 contextmenu 主要控制应该什么时候显示上下文菜单,主要用于取消默认的上下文菜单。
QT 点击关闭按钮时提示是否退出同时按钮显示为中文
QT 点击关闭按钮时提示是否退出同时按钮显示为中文
QT 点击关闭按钮时提示是否退出同时按钮显示为中文
|
Windows
模拟鼠标点击
模拟鼠标点击
186 0
|
Windows
CWnd::OnContextMenu函数(右键单击弹出快捷菜单)
CWnd::OnContextMenu函数(右键单击弹出快捷菜单)
82 0