【文章推荐】实现某元素以外区域点击事件隐藏该元素

实现思路解析判断元素区域外和区域内判断元素是显示状态 dom.is :hidden dom.is.is :visible 具体应用为下拉框或弹框点击区域外任意点隐藏代码实现 ...

2019-06-10 17:29 0 566 推荐指数：

js 设置某元素以外区域点击事件

场景运用，数据表格自定义下拉选择框的隐藏 ...

<body style="text-align:center;"> 　　<input type="text" style="width:200px;height:30px ...

文章来源：百度知道我的思路是给body绑定一个click事件，然后判断当前鼠标点击的区域是当前元素还是元素以外区域，如果点击对象不是当前元素，则隐藏该元素。假设对象的id为divBtn，则代码如下： $( 'body' ).bind( 'click ...

html jq 以下是我的方法，更简单 html ...

办法一：第一，先实现点击任何地方都隐藏该元素(假设id="bar")$(document).click(function(){$("#bar").hide();}); 第二，点击特定元素不隐藏那么bar也属于document，点击bar也会让自己隐藏，显然这不是想要的，这时候要阻止冒泡 ...

比如想实现点击列表弹出筛选器，点击其他任意地方关闭筛选器，如图该筛选器class名首先点击document任意位置隐藏该元素，然后给该元素绑定click事件，阻止冒泡到该元素，则可以顺利实现需求。 ...

...

...