如何在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,并告诉它停止冒泡.