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