当我点击外面时隐藏一个元素

Question

我的页面中有一个元素.

<div id="element">try</div>

当我点击页面中的其他元素时,我想隐藏它.

我该怎么做？

Answer 1

你可以利用这里的冒泡,像这样:

$("#element").click(function(e) {
  e.stopPropagation();
});
$(document).click(function() {
  $("#element").hide();
});

如果单击上的#element,它停止泡(使用event.stopPropagation()来自将所有的方式可达)document,并发射它的click处理程序.如果点击其他任何地方,它会冒泡,当点击到达文档时,它会隐藏#element.