javascript - 当用户在 div 外部单击时，如何使用 jQuery this 和 class 来影响 div

Question

当用户在 div 外部单击时，如何使用 jQuery this 和 class 来影响 div

我构建的搜索有效。我正在努力获取结果以仅当用户在结果或搜索框之外单击时删除结果。以下内容有效，但即使我单击搜索框或结果 div，它也会清除结果。 (我认为该问题与 if 语句中的“this”引用有关。)

$('#searchbox').keyup(function(){
  $.post("remote.php",{'func':'contactsearch','partial':this.value},function(data){
    $("#results").html(data);
     // erase the results when user clicks outside the search
     $('body').click(function(){
       if (!$(this).hasClass('nd_search')) { // erases results even when clicked inside result - why?
         $("#results").html('');
         $('body').unbind('click'); // remove event handler. add again when results shown.
        }
    });
   });
  });       
});

<div class="nd_search">
    <input id="searchbox" type="text" class="nd_search"/>
    <div id="results" class="nd_search"></div>
</div>

我也尝试过:

 $('body').click(function(event){
    if (!$(event.target).hasClass('nd_search')) { ...

其次，我宁愿只将类放在包含的 div 上。我将如何更改 if 语句？

我查看了有关此主题的其他帖子，这让我走到了这一步。我快到了

谢谢

Answer 1

使用这个逻辑

 $('body').click(function() {
 //Hide the menus if visible
 });

 $('#menucontainer').click(function(event){
     event.stopPropagation();
 });

Reference