JS focusout und klicken Sie auf Autosuggestion auf einer Sucheingabefeld

Question

ich eine Suche-Box gebaut, wo ich Vorschläge als Benutzertypen in angezeigt haben.

<div id="search-box"> 
    <input val="" type="text" id="s" > 
    <div id="suggest-box"> 
     <div class="suggestions">word1</div> 
     <div class="suggestions">word2</div> 
     <div class="suggestions">word3</div> 
    </div> 
</div> 

ich für mobile dieser Code hinzugefügt haben, so, wenn der Benutzer tap „done "auf dem mobilen Tastatur schließt die Box für Verbesserungsvorschläge und ti erlaubt mir nicht, auf die Vorschläge zu klicken

document.addEventListener('focusout', function(e) { 
     $("#suggest-box").hide(); 
    }); 

das Problem ist, dass der Benutzer nicht auf die Vorschläge obwohl klicken können ...

wie man es repariert?

Answer 1

nicht sicher, was die Frage ist ..

Sie können die Vorschläge nicht klicken? Sie sind divs und sind standardmäßig nicht angeklickt werden, es sei denn, Sie einen Ereignis-Listener auf sie hinzufügen, etwa so:

suggestionElement.addEventListener('click', function() 
    { 
     input.value = 'suggestion'; 
    }); 

Hier ist eine grundlegende Arbeits Vorschläge:

https://jsfiddle.net/76p4z033/1/