jQuery 实现点击空白关闭目标元素的实现方法

来源:互联网 发布:surface pro知乎 编辑:程序博客网 时间:2024/06/06 00:41
在网页很多地方都能用到 点击document ,关闭已经存在的弹窗或者菜单,下面贴出stackoverflow一个非常简单的答案。
$(document).click(function(e){  var _con = $('目标区域');   // 设置目标区域</span>  if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1    some code...   // 功能代码  }});/* Mark 1 的原理:判断点击事件发生在区域外的条件是:1. 点击事件的对象不是目标区域本身2. 事件对象同时也不是目标区域的子元素*/
javascript 的实现 可以参考实现原理

0 0
原创粉丝点击