点击除元素以外的任意地方隐藏元素js
JS 元素 点击 隐藏 任意 地方 以外
2023-09-14 09:07:45 时间
比如想实现点击列表弹出筛选器,点击其他任意地方关闭筛选器,如图
该筛选器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事件,阻止冒泡到该元素,则可以顺利实现需求。
相关文章
- 在html中js如何给字符串中加换行符
- Js如何防止页面后退(使浏览器后退按钮失效)[通俗易懂]
- JS关于或运算符的问题
- 深入了解JS 数据类型
- 盘点那些 JS 手写题
- Js如何删除所有子元素以及当前元素
- 为什么说 Next.js 13 是一个颠覆性版本
- 【源码】PDF.js批注注释插件库(纯JS). 创建和保存PDF批注(PDF 高亮/签名/插图/截屏/文本框/画笔/多边形)-pdf.js
- js+css3的炫酷幻灯片效果详解编程语言
- JS实现新提醒标题闪烁 新提醒详解编程语言
- Jquery 给Js动态新添加的元素 绑定的点击事件详解编程语言
- javascript JSMpeg.js 播放视频解决不用全屏也能播放(也支持自动播放哦)详解编程语言
- JS indexOf()和lastIndexOf()方法:在数组中查找某个元素
- JS map()方法:对数组的每个元素调用指定的回调函数
- JS键盘事件(非常详细)
- JS document节点及其常用属性和方法
- 快速掌握JS操作MySQL数据库技巧(js操作mysql数据库)
- 利用 JS 实现 Redis 的连接(js连接redis)
- 妙用JS获取Oracle信息的快速方法(js获取Oracle)
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- 用JS实现网页元素阴影效果的研究总结
- 离开页面时检测表单元素是否被修改,提示保存的js代码
- jQuery下实现等待指定元素加载完毕(可改成纯js版)
- Js中获取frames中的元素示例代码
- JS将所有对象s的属性复制给对象r(原生js+jquery)
- 获取select元素被选中的文本内容的js代码
- js操纵dom生成下拉列表框的方法
- js简单实现交换Li的值
- D3.js从P元素的创建开始(显示可加载数据)
- js自动生成的元素与页面原有元素发生堆叠的解决方法