Javascript Jquery:如何捕获不在<;部门>;?
我正在使用实现一个弹出窗口使用zIndex。。。事情进展顺利,但我想实现一个功能,即当用户单击弹出div之外的任何区域时,div将关闭,如何做到这一点 垃圾箱 这是来自的复制粘贴代码Javascript Jquery:如何捕获不在<;部门>;?,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我正在使用实现一个弹出窗口使用zIndex。。。事情进展顺利,但我想实现一个功能,即当用户单击弹出div之外的任何区域时,div将关闭,如何做到这一点 垃圾箱 这是来自的复制粘贴代码 一个简单的方法是使用div用透明(也可以是完全透明)的遮罩覆盖页面 附加一个单击此掩码上的处理程序div关闭弹出窗口 请参见此处的示例:以下是使用Event.target(跨浏览器)的示例 我对这个问题有点感兴趣。我只是在文档中触发一次单击,然后检查鼠标位置,看看它是否在框中。有兴趣了解其他解决方案。如何获得div
一个简单的方法是使用
div
用透明(也可以是完全透明)的遮罩覆盖页面
附加一个单击此掩码上的处理程序div
关闭弹出窗口
请参见此处的示例:以下是使用Event.target(跨浏览器)的示例
我对这个问题有点感兴趣。我只是在文档中触发一次单击,然后检查鼠标位置,看看它是否在框中。有兴趣了解其他解决方案。如何获得div的实际大小?你能和我分享吗?
(function($){
$.fn.outside = function(ename, cb){
return this.each(function(){
var $this = $(this),
self = this;
$(document).bind(ename, function tempo(e){
if(e.target !== self && !$.contains(self, e.target)){
cb.apply(self, [e]);
if(!self.parentNode) $(document).unbind(ename, tempo);
}
});
});
};
}(jQuery));