javascript - 如果我点击外部，如何关闭 div。与 jsFiddle 示例

Question

这个问题已经有答案了:

hide div if clicked outside of it [duplicate] (4 个回答)

已关闭 10 年前。

我搜索了各种解决方案，但似乎没有一个有效。为此，我回到这里与您一起寻找解决方案。我创建了这种窗口来共享和自定义我的网站的内容。问题是，当我想关闭时，我想点击 div (黑色区域)。抱歉我是英语，但我是意大利人。

`http://jsfiddle.net/34uLs/`

Answer 1

这个问题确实是 hide div if clicked outside of it 的重复问题

但是在这种情况下，由于深色背景#shead是最上面的元素，因此应该将点击事件附加到它。如果点击事件附加到 $(document) 对象，它将永远不会到达它，因为 #shead 将捕获它。

解决方案:

jsFiddle

/** The event should be binded with this element **/
$('#shead').click(function () {
    $(this).toggleClass("open");
});

进一步阅读

• What is event bubbling and capturing
• Event order