在jquery中点击

Question

在jquery中执行clickout的最简单方法是什么？如果在其外部的任何位置单击div框,则隐藏div框.

Answer 1

我不喜欢使用的解决方案,stopPropagation因为我经常使用事件冒泡来管理各种链接.如果盒子存在,我不想担心他们可能会停止工作.我的选择看起来像这样:

var $box = $('#box');
$(document.body).click(function(){
    if (!$box.has(this).length) { // if the click was not within $box
        $box.hide();
    }
});

该has函数只过滤选择并返回元素,只要它们包含作为参数传递的元素(您也可以使用选择器字符串,但这里不相关).如果单击位于框外,length则0条件将通过,框将被隐藏.

这应该通过设置一个布尔值来优化盒子当前是否可见,并且只在当前可见的情况下进行has调用.

Answer 2

像这样：

$("#thediv").show(0, function() {
   var that = $(this);
   $(document).bind("click", function(e) {
       if($(e.target).attr("id") != that.attr("id")) {
          that.hide();
          $(this).unbind("click");
       }
    });
});

在这里小提琴：http : //jsfiddle.net/XYbmE/3/