javascript - 单击除一个div以外的任何位置时如何使用jquery隐藏div？

Question

我正在对焦点进行搜索输入，它显示一个带有以下选项的 div：

$("#search").focus(function(){

$("#options").fadeIn("fast");

});

我用这个功能隐藏了 div

 $("#search").blur(function(){

$("#options").fadeOut("fast");

});

现在的问题是即使用户点击#option它隐藏的任何复选框。单击复选框时如何阻止它隐藏？

Answer 1

 $("#search").blur(function(e){
   e.stopPropagation()
   $("#options").fadeOut("fast");
});