点击任何地方关闭层

最新推荐文章于 2022-10-24 15:04:53 发布

huyuminNo1

最新推荐文章于 2022-10-24 15:04:53 发布

阅读量129

点赞数

CC 4.0 BY-SA版权

分类专栏： web

本文链接：https://blog.youkuaiyun.com/huyuminNo1/article/details/84461142

web 专栏收录该内容

38 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的简单功能：当点击页面上除特定元素外的任意位置时，隐藏该特定元素。这一技巧常用于实现下拉菜单或弹出层的自动隐藏效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*点击任何地方关闭层*/

$(document).click(function(event){
  if( $(event.target).attr("class") != "CRselectBox" ){
   $(".CRselectBoxOptions").hide();
  }

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

huyuminNo1

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Jq点击其他任意地方隐藏关闭弹窗div

http____的博客

01-13

2661

代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g

js 点击页面其他地方关闭弹出层(示例代码)

12-08

- **全局点击事件**: 通过`document.onclick`监听整个页面的点击事件，当用户点击页面除弹出层外的任何地方时，调用`hide('pop')`，实现关闭弹出层的效果。 5. **DOM操作**： - **元素获取**: 使用`document....

参与评论您还未登录，请先登录后发表或查看评论

组件编写

九阴与九阳

12-14

452

对于状态的把控： 1、初始化 2、运行状态 3、卸载状态

js 点击页面其他地方关闭弹出层

weixin_44523717的博客

07-22

1181

//html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...

vue点击其他地方关闭弹窗

asdad22的博客

10-24

1456

【代码】vue点击其他地方关闭弹窗。

点击页面其它地方关闭弹出层

xudejun的博客

04-05

1695

$(".statusoption").click(function () { $(this).children().toggle(); }) $('body').click(function(e) { if(e.target.type != 'button') if ( $('.tipse').is(':visible') ...

vue点击其他任意地方关闭弹窗或遮罩层

weixin_45682701的博客

03-04

1681

需求 vue点击其他任意地方关闭弹窗或遮罩层代码  <div class="dialog" v-show="shareShow" @click="shareShow=!shareShow"> </div> 注意：遮罩层样式是浮动的遮罩层样式：

react点击其他地方关闭Modal框

coca_cola_1105的博客

09-30

1541

服务端渲解决点击其他地方关闭Modal框

vue 点击遮罩层功能区以外的地方关闭遮罩层

GongWei_的博客

04-29

3044

点击红色框外的遮罩层区域关闭遮罩层方法一：关键点：@click=“close($event)” ref=“msk” <div v-if="popup.winning" class="coupon-popup" @touchmove.prevent @click="close($event)"> <div class="popup-content" ref="msk"> <img class="coupon-page" :src="popup.couponpage.

JS点击空白区域时关闭弹出层

总有一天，你的日积月累，会成为别人的望尘莫及

10-31

2085

写代码的时候经常会碰到点击某个按钮弹出一个框，点击除了按钮的其他部分时隐藏框，隐藏框的时候可能什么都不用做，可能要做一些什么。下面拿两个例子分别来说。一、登录框。没登陆之前，点击需要登录才能用的应用时，一点击就会弹出层登陆框让登陆，若不登录点击登陆框之外的区域登录框消失。这种情况有一个很大的特点：点击空白区域时除了隐藏登陆框别的什么都不用做，此时可以考虑使用遮罩层。因为：遮罩层...

点击div层之外的其他地方关闭弹出层

夜轩14

12-10

2203

首先说一下关于closet()的知识，主要来自W3C closest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。语法 .closest(selector) 参数描述 selector 字符串值，包含匹配元素的选择器表达式。如果给定表示 DOM 元素集合的 jQuery 对象，.closest() 方法允许我们检索 DOM 树...

jQuery点击自身以外地方关闭弹出层的简单实例

12-12

开发过程中经常有一些弹出层,弹出后要在点击页面其他地方时自动关闭,下面是实现代码: HTML代码：代码如下:”down”>click</div><div class=”con>show-area</div>CSS代码：.hide{display:none;} JS代码代码如下:$...

jQuery实现点击任意位置弹出层外关闭弹出层效果

10-21

在网页开发中，有时我们需要创建一种交互体验，即点击页面上的特定按钮后，会在页面上弹出一个包含详细信息的层（通常是一个div），而当用户点击弹出层之外的区域时，弹出层会自动关闭。这种效果可以增强用户体验，...

JavaScript 在网页上单击鼠标的地方显示层及关闭层

12-09

- `closeMe`函数简单地隐藏了层，通常是在用户点击关闭按钮时调用。 5. **HTML表格和表单**： - `<FORM>`元素用于创建表单，`<INPUT>`元素创建输入字段，`<TABLE>`元素用于布局，`<TR>`和`<TD>`定义表格行和列。 ...

HTML中td 中折行成2行的办法

huyuminNo1的专栏

04-01

3250

element.style { border-bottom: 1px solid #DDDDDD; } .tdDiv p { height: 24px; line-height: 24px; } 0-1

minify使用手冊

huyuminNo1的专栏

09-10

812

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明http://www.blogbus.com/addcn-logs/82221929.html 一、配置及參數（Config.php） 1、調試模式 $min_allowDebugFlag = false; 設置為true時候，可在地址加debug=1刪除沒有壓縮格式化的源碼。 2、緩存文件目錄 $min_cachePath = ...

前端性能优化最佳实践

huyuminNo1的专栏

07-04

731

如今浏览器能够实现的特性越来越多，并且网络逐渐向移动设备转移，使我们的前端代码更加紧凑，如何优化，就变得越来越重要了。开发人员普遍会将他们的代码习惯优先于用户体验。但是很多很小的改变可以让用户体验有个飞跃提升，所以任何一点儿小小的优化都会提升你网站的性能。前端给力的地方是可以有许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你一些前端性能优化...

HTML中HR属性

huyuminNo1的专栏

03-31

667

1、size线段粗细的设定：这是第一条线段，无size设定，取内定值SIZE=1来显示这是第二条线段，SIZE=5 这是第三条线段，SIZE=10 这是第一条线段，无size设定，取内定值SIZE=1来显示这是第二条线段，SIZE=5 这是第三条线段，SIZE=10 ...

不同的声音-我为什么反对用Node

huyuminNo1的专栏

09-10

551

随着无线端的快速普及，前后端分离技术走上前台，而Node由于它的一些特性被工程师快速接受尤其是前端工程师，所以产生了很多Node是否会引起新的技术变革的讨论。我本人是淘系的一个Web开发人员，基本上经历了淘系关于Node和Java技术选型讨论的过程，所以今天我给大家推演一下在像淘系这个环境下Node能否会成为主流的Web开发技术，当然后面也给出了我认为比较适合的场景。 Node火了在百...

vue3 el-popover 点击其他地方关闭