は、私は、検索結果ダイアログボックスに <img src="https://i.stack.imgur.com/Cnlr4.png" alt="enter image description here"></p> <p>を閉じたいと思い、検索ダイアログ

Question

はここでコードがある閉じます閉じられないウィンドウを開きます私はサイトのどの部分をクリックしても閉じたいです。

お手伝いできますか？

Answer 1

あなたができることは、ドロップダウンが表示されているかどうかを確認するフラグ変数を作成することです。次に、ドキュメント上にイベントリスナーを設定します。ドロップダウンが表示されている場合は、ドキュメントにクリックがあると非表示になります。

var dropdownIsShowing = false; 

$('.search-box input[type="text"]').on("keyup input", function(){ 
    //your code here 
    if(inputVal.length){ 

    dropdownIsShowing = true; 
    //your code 
    } 
    //your code 
}); 

$(document).on('click',function(e){ 
    if(dropdownIsShowing){ 
    //hide dropdown 
    $('.risultato').hide(); 
    //change flag 
    dropdownIsShowing = false; 
    } 
});