点击除元素以外的任意地方隐藏元素js
比如想实现点击列表弹出筛选器,点击其他任意地方关闭筛选器,如图
该筛选器class名
1 $(document).click(function () { 2 $(".subMenu").hide(); 3 }); 4 $(".subMenu").on("click", function (event) { 5 //取消事件冒泡 6 var e = arguments.callee.caller.arguments[0] || event; //若省略此句,下面的e改为event,IE运行可以,但是其他浏览器就不兼容 7 if (e && e.stopPropagation) { 8 // this code is for Mozilla and Opera 9 e.stopPropagation(); 10 } else if (window.event) { 11 // this code is for IE 12 window.event.cancelBubble = true; 13 } 14 });
首先点击document任意位置隐藏该元素,然后给该元素绑定click事件,阻止冒泡到该元素,则可以顺利实现需求。
转载于:https://www.cnblogs.com/beileixinqing/p/6868969.html
点击除元素以外的任意地方隐藏元素js相关推荐
- HTML点击元素以外任意地方隐藏该元素
HTML点击元素以外任意地方隐藏该元素 原生javascript写法: var scheduleBox = document.querySelector('#schedule-box') docume ...
- android+点击屏幕隐藏键盘,Android点击EditText文本框之外任何地方隐藏键盘的解决办法...
1,实现方法一: 通过给当前界面布局文件的父layout设置点击事件(相当于给整个Activity设置点击事件),在事件里进行键盘隐藏 android:id="@+id/traceroute ...
- Jq点击其他任意地方隐藏关闭弹窗div
参考链接:https://blog.csdn.net/weixin_43233914/article/details/85133839 效果 代码: <!DOCTYPE html> < ...
- bootstrap弹出框如何实现点击出弹出框后,再点击任意地方隐藏弹出框
最近做个项目是用bootstrap搭建的网站,因为其自带弹出框很好使,便直接拿过来用了. 不废话直接进入正题 共分两步 1. 首先设弹出框方式为自动 popover(function(){trigge ...
- 如何获取事件冒泡里最顶层的元素(或者任意层的元素)
先举个例子,有如下DOM结构: <ul @click="toApply"><li data-user-id="1"> <img s ...
- python获取页面隐藏元素_python之selenium操作隐藏元素
一.html显示与隐藏元素的几种方法 1.display none:隐藏元素 block:显示为块级元素 B元素 display: none 隐藏自身元素以及它的所有后代元素 ,隐藏后的元素不占据任何 ...
- css样式隐藏元素的方法,你不知道的css隐藏元素的方法
css隐藏元素是网页编写常用的方式,根据我的经验总结了以下几种css隐藏元素的方法. 记录 opacity opacity属性的隐藏方法主要是将元素透明度opacity设置为0,从而在视觉上就隐藏了元 ...
- jquery 点击元素以外任意地方隐藏该元素的方法
第一先实现点击任何地方都隐藏该元素(假设id="bar") $(document).click(function(){ $("#bar").hide();}); ...
- 点击弹出窗口外任意地方关闭弹出窗口
问:如何在点击弹出窗口外其他地方时关闭弹出窗口? 答:使用FlexMouseEvent'sMOUSE_DOWN_OUTSIDE事件.用户点击弹出窗口的外部时,会分发此事件.只需要在popUpWindo ...
最新文章
- 几步教你轻松搭建一个Java Web项目
- 2021科大讯飞-车辆贷款违约预测赛事 Top1方案!
- wxPython和PyQt谁才是最赞的Python GUI库?
- 《研磨设计模式》chap2 简单工厂simplefactory
- CABasicAnimation使用总结
- Spark-sql:以编程方式执行Spark SQL查询(通过反射的方式推断出Schema,通过StrutType直接指定Schema)
- Redis源码剖析(十一)跳表
- Restful API接口调试工具推荐(Postman, HTTPie)
- .NET Framework 工具
- linux怎样自动检查link文件_怎样理解和识别 Linux 中的文件类型 | Linux 中国
- python 读取地震道头数据_【Python】OGR库(1):读取矢量数据
- C#数据结构-广义表和递归
- 精度、延迟两不误,移动端性能新SOTA,谷歌TF开源轻量级EfficientNet
- Hudson dryRun jobs break after upgrade from 2.2.0 to 2.2.1
- 命名管道(FIFO) Linux进程进程间的通信之命名管道(FIFO)
- 微信开发的时候自定义菜单
- 如何批量删除Excel工作簿中vba代码
- 朋友,你A9了吗?(重新定义A8、A9)
- Kubernetes详细笔记
- JAVA实现AES加密、解密