@WessBorland

Как правильно организовать autocomplite для input`а?

Здравствуйте. Помогите решить проблему с закрыванием выпадающего списка (на примере автокомплита)
Вообщем то это простой input с autocomplite

Допустим у меня есть следующий html реализующий функцию автокомплита

<div class='container'>
       <input />
        <div class='list'>
            <div class='item' onClick = callback >{i.name}</div>
            <div class='item' onClick = callback >{i.name}</div>
            <div class='item' onClick = callbac k>{i.name}</div>
            <div class='item' onClick = callback >{i.name}</div>
            .....
        </div>
   </div>


Задача item`ов при клике выполнять callback
Как обычно если мы кликнули на элемент списка запускается callback, а вот если кликнули на любом другом месте веб-страницы (вне элемента) список должен закрываться. Вопрос в том, какое же событие нужно отлавливать, чтоб закрывать список

Ведь если повесить закрывание списка list для события onBlur объекта input он будет срабатывать раньше чем onClick при нажатии на элемент списка и соответственно onClick не сработает
Может нужно поменять структуру компонента?
  • Вопрос задан
  • 70 просмотров
Решения вопроса 1
ArsenyMatytsyn
@ArsenyMatytsyn
CEO iAmStudio, предприниматель.
Погоди я не понял. Ты пытаешься свой велосипед изобрести?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы