javascript - 如何在div外单击鼠标时隐藏div

Question

我有一个 HTML div，我想在用户单击该 div 之外的任何页面时隐藏它。点击哪个元素应该触发onclick事件？？

Answer 1

$('#mydiv').click(function(e) { e.stopImmediatePropagation(); });
$(document.body).one("click", function() {
    $('#mydiv').hide();
});

由于 mydiv 也是 body 元素的子元素，您不希望在单击该元素时该元素消失。
因此，当人们点击 mydiv 时，您希望它停止冒泡到 body 元素，这就是为什么首先要在 mydiv< 上注册一个点击事件的原因，并告诉它停止冒泡。