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

Question

我的页面中有一个元素。

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

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

我该怎么做？

Answer 1

你可以利用这里的冒泡，像这样：

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

如果您点击 #element，它会阻止气泡（使用event.stopPropagation()）一直向上document并触发它click 1}}处理程序。如果点击其他任何地方，则 冒泡，当点击到达文档时，它会隐藏#element。