Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery:如何捕获不在<;部门>;?_Javascript_Jquery_Html_Ajax - Fatal编程技术网

Javascript Jquery:如何捕获不在<;部门>;?

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

我正在使用实现一个弹出窗口使用zIndex。。。事情进展顺利,但我想实现一个功能,即当用户单击弹出div之外的任何区域时,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));