Сценарий включает в себя имитацию выпадающего списка. Вместо стандартного элемента выбора ввода мы используем набор пользовательских изображений в сочетании с несколькими стилями CSS и поведением jQuery.
В общем, у нас есть выпадающий список, который отлично работает. Вопрос вращается вокруг выпадающего списка, теряющего фокус. Обычный элемент выбора, теряющий фокус, автоматически закроет список, однако, поскольку мы используем набор div, невозможно установить или потерять фокус (и впоследствии скрыть список).
Мы смогли имитировать нормальное поведение раскрывающегося списка, спрятав ввод текста за div и динамически установив на него фокус. Например:
Пользователь щелкает раскрывающийся список -> отображается список контента, а скрытый ввод текста устанавливается в качестве фокуса. Событие привязано к текстовому вводу, теряющему фокус, который скрывает список содержимого.
Мне любопытно, есть ли у сообщества лучший подход к сокрытию div, когда пользователь отключается, нажимает escape и т. д.
