js 点击除此div之外的地方隐藏

最新推荐文章于 2020-07-09 17:44:25 发布
最新推荐文章于 2020-07-09 17:44:25 发布
阅读量911 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37465264/article/details/79892375
版权

$("body").bind("click", function(e) {

      var target = $(e.target);
      if(target.closest(".photo img").length == 0) {
         //点击非当前元素，需要执行的代码
      }
})

旧阳光
关注
js实现的点击div区域外隐藏div区域
10-25
主要介绍了通过js实现点击div区域外隐藏div区域，原理及示例代码如下
js实现点击div之外区域,隐藏div
weixin_43239880的博客
05-04 3063
之前在学习的时候，发现别人用了这个contains属性，感觉还是很好用的，记录一下，以免忘记。在监听事件中，判断左侧盒子不包含点击的位置时，则关闭左侧盒子。js 判断是否包含某个DOM元素使用contains。点击左侧弹框之外的区域，会将左侧弹框关闭。
点击div以外的区域
jimbooks的博客
09-29 1879
直接一代码的形式展示，如果点击div元素以外的区域触发事件则如下代码： jQuery(document).on(‘click’,function(e){ var e = e || window.event; va...
jquery实现点击指定div外区域隐藏该div
04-18
jquery实现点击指定div外区域隐藏该div
js 点击元素以外的区域隐藏 实现
坚持
09-06 9215
html>head>meta charset="utf-8">title>js实现的点击div区域外隐藏div区域title> style type="text/css"> #myDiv{ border:1px solid #000000; width:200px; height:100px; background:#FF0000; color: #FFFFFF; ma
点击页面其它地方隐藏该div的两种思路
09-04
在网页开发中，有时我们需要实现一个功能：当用户点击页面上的某个特定div之外的其他区域时，该div会自动隐藏。这种效果可以用于创建可关闭的提示框、下拉菜单等交互元素。本文将探讨两种实现这一功能的思路。 思路...
jQuery除指定区域外点击任何地方隐藏DIV功能
11-29
在网页开发中，有时我们需要实现一个特定的功能，即当用户点击页面上的任意位置时，除了某个特定区域（如一个`div`元素）之外，隐藏一个指定的`div`元素。这个功能可以用于创建弹出框、菜单或者提示信息，使得用户在...
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)
10-15
在使用Vue.js开发网页应用时，有时我们需要实现一个功能，即当用户点击当前元素（如弹窗、菜单、对话框等）以外的地方时，能够隐藏该元素。这篇文章详细介绍了实现该功能的三种方法，并提供了各自的实现思路与具体...
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
12-01
在JavaScript和jQuery的世界里，有时候我们需要实现这样的交互效果：当用户点击某个div之外的地方时，该div会自动隐藏，但当用户在div内部点击时，div不会隐藏。这个功能可以用于创建下拉菜单、弹出框或者任何需要...
jQuery实现点击除了特定div的页面其它地方，隐藏该div功能。
热门推荐
简单就是美
06-07 2万+
jQuery实现点击除了特定div的页面其它地方，隐藏该div功能。 在触发DOM上的某个事件的时候会产生一个事件对象event，这个对象包含着所有与事件有关的信息，包括产生事件的元素、事件类型等相关信息，思路一中div的click事件处理程序传入的参数就是这个event对象。访问IE中的event对象有几种不同的方式，取决于指定事件处理程序的方法。直接为DOM元素添加事件处理程序时，event对象作为window对象的一个属性存在。 event对象包含了一个重要属性：target(W3C)/srcElem
点击页面任何地方，将div隐藏，除了指定位置外 （原生js）
qq_37899792的博客
06-11 3433
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #test{ position: fixed; ...
JS点击DIV以外的地方，隐藏DIV
Jshan314的博客
09-02 1610
document.onclick = function (event) { var e = event || window.event; var elem = e.srcElement||e.target; while(elem) { if(elem.id == "globalDiv") { ...
js点击某个元素控制div显示，点击除div区域外任意处div隐藏
fxy2016的博客
10-12 1万+
js点击元素a（或其他元素）控制div、 input显示，点击div区域外任意处div隐藏 Document *{margin: 0;padding: 0} a{ display: inline-block; width: 50px;height: 50px;background: #f40;margin: 50px 0 0 50px;} div{margin: 60p
点击除元素以外的任意地方隐藏元素js
weixin_34051201的博客
05-17 570
比如想实现点击列表弹出筛选器，点击其他任意地方关闭筛选器，如图   该筛选器class名 1 $(document).click(function () { 2 $(".subMenu").hide(); 3 }); 4 $(".subMenu").on("click", function (event) { 5 //取消事件冒泡 6 var...
js实现点击除自身外的元素执行操作：如关闭自身弹框
story_in_sh的博客
07-09 3683
很多人在做前端开发的过程中都有遇到这种情形：点击弹出一个弹框，弹框自身有关闭按钮，但是会出现想点击页面其他任何元素时都要关闭当前这个弹框的需求。下面我分享一下我是如何实现的。 1.添加一个弹框和点击弹出弹框的按钮 <template> <button @click="showPop=true" ref="popBtn"></button> //点击按钮 <div ref="pop" v-if="showPop"></div> //弹框 <
js 设置某元素以外区域点击事件
weixin_36728104的博客
11-15 1万+
情况还原：li元素的子元素input绑定blur后发现点击空白区域可以出发input的blur事件 但是点击li元素不会触发（原因我也不知道为啥 我是做后台的）于是采用以下方式在点击除该input以外的区域强制加上input的blur事件 代码如下：//控制点击input以外的区域会触发input的blur事件 $(document).mouseup(function (e) {
捕获 点击除某区域以外的事件
u010969088的博客
05-30 3983
首先可以给document对象绑定click事件。 然后由于事件冒泡机制，你单击文档的任意地方（包括绿色区域）都会触发click事件。 先在事件里写上隐藏绿色区域的代码 $(document).on('click',function(e){ //点击触发的事件 }); 然后，再给某区域（例如aaa）绑定click事件，这时候阻止事件冒泡，这样一来，点击该区域的话，是不会...
js点击元素之外的地方隐藏该元素
大湿胸的博客
04-28 4930
有时候我们会有这种情况，点击按钮（或者指定元素）显示一个菜单栏，点击按钮和菜单栏外的区域隐藏菜单栏； 主要运用阻止事件冒泡来实现；下面是全部代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con...
uniapp开发小程序，点击盒子之外的部分隐藏盒子
最新发布
05-27
在 Uniapp 中实现点击盒子之外的部分隐藏盒子，可以参考以下步骤： 1. 在需要隐藏的盒子上添加一个 `v-show` 指令，用于控制盒子的显示和隐藏。 ```html <div class="container" @click="onContainerClick"> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值