当点击文档的其他地方时，框消失了？ （jQuery的）

Question

我在链接点击时显示了一个带有jQuery的隐藏框。现在，当再次单击链接时，框会消失，但如何使它变得有点“失去焦点”并隐藏。因此，当用户点击文档上的某个位置（但不是框本身）时，它会消失。

建议？

Martti Laine

Answer 1

单击该框会冒泡到文档，因此只需点击一下即可始终关闭它。为了防止这种情况，将捕获/停止框内的单击，外部的单击不会，导致它冒泡并关闭。您需要执行此操作的所有代码是：

$(document).click(function() {
  $("#myBox").hide();
});

$("#myBox").click(function(e) {
  e.stopPropogation();
});

...