简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

jQuery实现指定区域外单击关闭指定层的方法(经典)

来源:易贤网   阅读:1335 次  日期:2016-07-19 11:38:08

温馨提示:易贤网小编为您整理了“jQuery实现指定区域外单击关闭指定层的方法(经典)”,方便广大网友查阅!

本文实例讲述了jQuery实现指定区域外单击关闭指定层的方法。分享给大家供大家参考,具体如下:

在页面上指定区域外单击,关闭层。常见效果为弹出层外单击,关闭弹出层。今天遇到一个这样的效果,用jQuery实现起来挺简单的,顺便复习了一下相关知识。

$(document).mouseup(function(e){

  if($(e.target).parent("#big_map").length==0){

    $("#big_map").hide("fast");

  }

})

上面的jquery代码的意思是:当在页面中释放鼠标按键,触发function函数。找到触发事件的包含着所有匹配元素的唯一父元素的元素集合,判断找到元素的个数。如果等于0,则代表不在指定区域内,关闭指定层。

定义和用法:

e.target:触发了单击事件的元素(DOM对象),不会变化,它永远是直接接受事件的目标DOM元素.

parent([expr]):取得一个包含着所有匹配元素的唯一父元素的元素集合。

length:jQuery 对象中元素的个数。

mouseup事件:

当在元素上放松鼠标按钮时,会发生mouseup事件。

与click事件不同mouseup事件仅需要放松按钮。当鼠标指针位于元素上方时,放松鼠标按钮就会触发该事件。

mouseup()方法触发mouseup事件,或规定当发生mouseup事件时运行的函数。

希望本文所述对大家jQuery程序设计有所帮助。

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:Javascript将双字节字符转换成单字节字符并计算长度
下一篇:Javascript 5种方法实现过滤删除前后所有空格
易贤网手机网站地址:jQuery实现指定区域外单击关闭指定层的方法(经典)
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!