js点击空白处隐藏div

最新推荐文章于 2023-08-04 10:56:12 发布
最新推荐文章于 2023-08-04 10:56:12 发布
阅读量3.3k 收藏
点赞数
分类专栏： web前端Jquery/Js/Html/Css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ROVAST/article/details/50981972
版权 
$(function(){
    $(document).bind("click",function(e){
        var target = $(e.target);
        if((target.closest(".header-nav .circle-btn").length == 0)){
            $(".header-nav .circle-btn .arrow").hide();
            $(".header-nav .circle-btn .hover").hide();
        }
    });
})
ROVAST
关注
专栏目录
vue 点击空白区域隐藏div
͏⁠͏͏⁠͏ ͏⁠͏
07-28 2251
显示隐藏
react实现div隐藏_react 点击空白处隐藏弹出层
weixin_39610722的博客
12-30 2002
点击空白处隐藏弹出层的原理是：在 document 上绑定事件来隐藏弹出层，这样点击任何元素的时候都会冒泡到 document 上，都会执行隐藏弹出层的功能。然后我们在不需要隐藏弹出层的元素上阻止冒泡即可。class Select extends Component {constructor(props) {super(props);this.state = {selected: props.li...
js实现的点击div区域外隐藏div区域
10-25
主要介绍了通过js实现点击div区域外隐藏div区域，原理及示例代码如下
Vue js 实现点击页面空白处隐藏指定div
a1135784070的博客
03-12 3705
Vue js 实现点击页面其他地方隐藏指定div <template> <!--向页面添加关闭div的事件监听--> <div class="page" @click="hide"> <!--添加.stop防止page的点击事件触发，导致无法显示div--> <button @click.stop="
点击空白处隐藏div层
foart的专栏
04-10 3205
<br /><mce:script type="text/javascript"><!-- var id=0 function chk_broswer(){ if (navigator.appName.indexOf("Microsoft")!=-1) { return(true); } else{ return(false); } } function c(css) {ie
js实现点击空白部分隐藏div
chengjianghao的博客
08-31 1107
实现思路： 可以将一个最外面的div绑定一个点击事件 样式设置成 宽度100% 高度也是100% 颜色可以弄成透明 或者不设置颜色 这样点击哪里 JS都可以获取到事件 拿侧边栏举例 点击侧边栏展开 点击空白处隐藏 这个时候就可以把整个屏幕都设置成一个div 为一个div绑定事件。 ...
js-点击空白<div>隐藏
言凡的博客
10-11 733
$(document).on("mousedown touchstart", function (event) { if ($('#leftMenuBar').find($(event.target)).length &lt;= 0 &amp;&amp; event.target.id != "leftMenuBtn") { $("#leftMenuBar...
详解vue中点击空白处隐藏div的实现（用指令实现）
08-27
Vue 中点击空白处隐藏 div 的实现（用指令实现） 在 Vue 中，想要实现点击空白处隐藏 div 的功能，需要使用自定义指令来实现。本文将详细介绍如何使用指令来实现这个功能。 首先，需要了解 Vue 中的指令是什么？...
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩）
10-16
在Vue.js中，有时我们需要实现一个功能，即当弹出框或者Popover显示后，用户点击页面空白区域可以自动隐藏这些元素。以下将介绍三种实现这一功能的方法：手动监听判断、自定义指令以及使用遮罩层。 ### 第一种方式...
jquery如何实现点击空白处隐藏元素
10-18
接下来，我们将详细介绍如何利用jQuery来完成点击空白处隐藏元素的特效，并提供相应的代码示例。 首先，要实现点击空白处隐藏元素的功能，我们通常会监听document对象的点击事件。当点击事件发生时，我们需要判断...
【JS】JavaScript实现点击自定义区域空白处隐藏div
最新发布
owo_ovo的博客
08-04 1148
JavaScript实现点击自定义区域空白处即可隐藏指定div
jq点击空白处阻止冒泡隐藏某个标签
九亿宅男的梦的博客
08-19 375
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.11.3.min.js"></script> &lt...
点击空白处隐藏DIV
siriva的博客
01-17 622
点击div显示内容，点击空白处隐藏
jquery实现点击div空白处隐藏该div
qq_42967540的博客
09-23 475
<div id="div1"></div> $(document).bind("click",function(e){ var target = $(e.target); if(target.closest("#div1").length == 0){ $("#div1").hide(); } });
js点击空白关闭div
Fly的博客
05-18 3854
点击空白关闭div1.html&lt;div class="tardiv"&gt;div块&lt;/div&gt;2.cssdiv { width: 200px; height: 200px; background: #eee; }3.js$(document).click(function(e) { var _con = $('.tardiv'); // 设置目标区域...
js实现点击div之外区域,隐藏div
weixin_43239880的博客
05-04 3006
之前在学习的时候，发现别人用了这个contains属性，感觉还是很好用的，记录一下，以免忘记。在监听事件中，判断左侧盒子不包含点击的位置时，则关闭左侧盒子。js 判断是否包含某个DOM元素使用contains。点击左侧弹框之外的区域，会将左侧弹框关闭。
Javascript 点击div之外任何地方，隐藏div
semanwmj的专栏
03-28 4541
document.onclick = function (event) { var e = event || window.event; var elem = e.srcElement || e.target; while (elem) {
js点击当前div区域外任意一处隐藏某处你想隐藏的div
weixin_45650629的博客
09-09 1647
js点击任意处隐藏
点击空白区域，div隐藏
startcodingnoend的博客
11-17 1811
当我点击查询条件时，查询条件div显示出来 如下 当我再点击空白区域的时候，查询条件隐藏。 这里面主要是用到一个防止冒泡的功能 $(".rightMenuAlert").click(function(e){ $(".cxtj").animate({right:'0px'},"500"); var ev = e || window.event;                
js 点击空白处隐藏某div
06-07
可以使用 JavaScript 实现点击页面空白处隐藏...注意，如果 div 元素本身就是不可见的，那么点击空白处也不需要执行隐藏操作。可以在初始化时判断 div 元素的显示状态，如果已经隐藏，则不需要再添加点击事件监听器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值