点击除元素以外的任意地方隐藏元素js
2017-05-17 18:29
316 查看
比如想实现点击列表弹出筛选器,点击其他任意地方关闭筛选器,如图
该筛选器class名
首先点击document任意位置隐藏该元素,然后给该元素绑定click事件,阻止冒泡到该元素,则可以顺利实现需求。
该筛选器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事件,阻止冒泡到该元素,则可以顺利实现需求。
相关文章推荐
- 点击除元素以外的任意地方隐藏元素js
- 点击除指定元素以外的任意地方隐藏js
- jquery 点击元素以外任意地方隐藏该元素的方法
- jquery 点击元素以外任意地方隐藏该元素的方法(事件冒泡)
- HTML点击元素以外任意地方隐藏该元素
- jquery 点击元素以外任意地方隐藏该元素的方法
- js点击元素以外的地方隐藏 元素的方法
- jquery 点击元素以外任意地方隐藏该元素的方法(事件冒泡)
- JS事件:点击除A元素以外的元素,隐藏A元素
- jQuery实现点击元素以外的地方隐藏该元素
- jquery 点击元素实现背景色改变,点击元素以外任意地方还原该元素背景色
- JQuery 点击页面任意地方隐藏指定元素
- js单击显示元素,点击元素以外隐藏元素
- js点击某个元素控制div显示,点击除div区域外任意处div隐藏
- js单击显示元素,点击元素本身以外隐藏元素
- js 点击元素以外的区域隐藏 实现
- js点击按钮和指定下拉元素以外的区域隐藏下拉内容
- jq写点击指定div以外的其他地方隐藏此div
- 原生js实现div点击其他地方隐藏下拉列表
- 点击空白处隐藏软键盘(点击EditText以外的地方隐藏软键盘)