Question

jQuery中是否有一种有效的方法来检测是否已经点击了特定元素（以及它的子元素）之外的其他元素？

<body>
  <header></header>
  <p>stuff<p>
  <div class="floating-form">
    <form>more stuff</form>
  </div>
  <footer></footer>
</body>

通过聆听浮动表单以外的任何其他内容，删除浮动表单的最佳方法是什么？

Answer 1

Answer 2

通常的方法是将click事件处理程序分配给特定元素，除了停止事件传播之外什么都不做。然后为整个页面（即文档）分配另一个单击处理程序，以删除相关元素。单击元素不会传播到文档，因此您将获得所需的功能。

Answer 3

您可以使用event.target属性来确定触发点击的元素。

Answer 4

$(document).click(function() {
    //do something
});
$(".floating-form").click(function() {
    return false;
});