jquery - 单击div外部

Question

现在，我只有一些东西，如果将鼠标悬停在上面，就会滑动打开，如果鼠标离开，就会滑动关闭。我希望我可以将其保持打开状态，直到有人在其外部点击为止。

想法？

Answer 1

首先分配一个 mouseenter 事件，以便在您悬停时打开它:

$('#someDiv').mouseenter(function() {
    $(this).codeToOpenIt
});

然后在文档上放置一个单击事件，以便在用户单击任意位置时将其关闭。

$(document).click(function() {
    $('#someDiv').codeToCloseIt
});

这样做的原因是事件从被单击的元素冒泡到根。因此，在 document 上放置 click() 事件将捕获页面上的所有点击，并关闭您的元素。

请注意，页面上任何具有点击操作的元素:

return false;

或

event.stopPropagation();

将导致冒泡停止，从而阻止文档上的处理程序触发。