js点击空白关闭div

点击空白关闭div

1.html

<div class="tardiv">div块</div>

2.css

div {width: 200px;height: 200px;background: #eee;}

3.js

$(document).click(function(e) {var _con = $('.tardiv'); // 设置目标区域if(!_con.is(e.target) && _con.has(e.target).length === 0) {$('.tardiv').remove();}});

js点击空白关闭div相关推荐

弹窗的点击空白关闭，背景虚化，防止滚动穿透
1.点击空白关闭最简单的vue <div @click="tan">点击谈窗2</div><div class="tanchuang&qu ...
jquery/js 点击空白区域隐藏某一个层/元素
场景:点击一个按钮弹出一个对话框/气泡,点击空白区域隐藏对话框/气泡: html: <button id="btn">按钮</button> <div ...
Flex里监听mouseDownOutside事件解决弹出窗口点击空白关闭功能
其实当用户在使用 PopUpManager 打开的某个组件外部单击时,会从该组件分派一个mouseDownOutside事件监听该事件就能实现点击空白处关闭窗口的功能 this.addEventLi ...
js实现模态框点击空白关闭
面试的时候被问到了,这个问题我在网上一直没搜索到.不过bootstrap已经实现了. 在学习js事件委托的时候.想到可以解决这个问题. 在document添加点击监听,利用事件的捕获和冒泡,界面上的点 ...
html 点击空白关闭浮层,js中点击空白区域时文本框与隐藏层的显示与影藏问题...
当文本框获得焦点的时候,在文本框的下方显示一个浮动层. 当用户点击除了文本框和浮动层以外的网页空白处时,要隐藏浮动层. 当用户点击浮动层时,改变文本框的值. function $(id){ retur ...
dialog监听点击空白关闭_为什么App Store打开一片空白？尝试这样解决
作为苹果唯一官方应用商店,App Store的重要性不言而喻.而很多ios用户都曾经遇到过这种情况,就是当你想要进入App Store下载相关软件时,发现点击进入一片空白.今天阿签就来和大家说说,为什 ...
实现点击空白关闭模态框
监听document,当用户点击后,获取点击的id,如果id不是modal则关闭modal 当然还需要注意的是要阻止modal的冒泡事件,不然modal一弹出来之后就又关闭了. 停止冒泡 $(&quo ...
jQuery: 仿select下拉框效果，点击空白关闭弹出层，判断是否被mouseover
1. 方法一 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...
js - 点击按钮关闭当前网页探究
简介通过 window.close() 函数可以实现关闭网页的功能. 接口介绍提到 window.close() 就难免的要说道 window.open() : 语法:window.open(UR ...

js点击空白关闭div

js点击空白关闭div相关推荐

最新文章

热门文章