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

Question

[WessBorland]

Здравствуйте. Помогите решить проблему с закрыванием выпадающего списка (на примере автокомплита)
Вообщем то это простой 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 не сработает
Может нужно поменять структуру компонента?

Answer 1

[Арсений Матыцин]

Погоди я не понял. Ты пытаешься свой велосипед изобрести?

Comments

[WessBorland]

да хотелось бы

[Арсений Матыцин]

WessBorland, во-первых глянь ссылку, что я оставил. А если тебе все еще так нужно велосипед сделать, то читай про всплытие и перехват. Ведь как я понял, это твоя проблема?