javascript - jQuery - 点击(几乎!)任何地方隐藏 div

Question

我有一个搜索输入框，它会在滚动按钮时出现。我不想拥有自己的关闭按钮，而是希望能够单击页面上的任意位置以重新隐藏搜索。

如果我将点击处理程序附加到文档，这工作正常，但问题是搜索本身是文档的一部分。因此，如果您单击输入(当然您需要这样做才能输入搜索内容)，搜索就会消失。

我曾希望我能够编写一个像这样的函数......

$(document).not("#search").click(function(){ 
 $('#search_holder').fadeOut('fast'); 
});

即从搜索中将点击处理程序应用于整个文档 APART。不幸的是，这不起作用。

那么答案是什么？

先谢谢你

Answer 1

取消传播来自您关心的按钮的点击事件:

$("#search").click(function(event){ 
    event.stopPropagation();
});