Не получается в JavaScript с событиями?

Question

[NikSIk31]

Пожалуйста, не бейте палками если что не так. Особо не пишу на JS и вот сейчас появилась необходимость создать такой себе поиск.
Суть вопроса:
есть такая штука , как сделать чтобы при уходе фокусом с инпута пропадал список, только он должен оставаться при нажатии на сам список?
или сделать чтобы по нажатию на элемент списка он добавлялся в value в инпуте. (у меня уже прописано оно, просто из-за удаление show из focusout я не могу применить событие click. вот код: https://jsfiddle.net/sctLj9bw/
так же хотелось бы услышать ваши предложения по оптимизации кода, если не сложно
Заранее спасибо!

Comments

[DanKud]

Про mousedown вам уже написали в ответах. Можно так же добавить, что нет смысла использовать mouseover и mouseout просто для смены бэкграунда. С этим прекрасно справится псевдокласс :hover в CSS:

.elasticItem:hover {
    background: #80808026;
}

[NikSIk31]

DanKud, ох, какой же я при*урок)) с этим пхп совсем забыл свои и без того слабые знания фронта)) спасибо за hover!)

[NikSIk31]

DanKud, Начал доделывать другие фишки, и опять ступор. Почему-то после выбора пункта меню начинает прыгать через один или через несколько вообще при прокрутке кнопками ( вверх, вниз ) https://jsfiddle.net/Lewm93pf/

[0xD34F]

NikSIk31, "другим фишкам" - другой вопрос. Тостер не форум, а тут, соответственно, не тема, посвящённая вашим проблемам.

[NikSIk31]

0xD34F, хорошо, создам другой. Просто думал, что тема смежная с событиями. Но если надо - сделаю другую

Answer 1

[0xD34F]

Элементы списка - вместо click обрабатывайте mousedown (в этом случае вручную скрывать список не надо).

Или, добавьте списку обработчик mousedown, где будет выполнятся отмена действия по умолчанию.

Comments

[NikSIk31]

Спасибо! получилось)

[NikSIk31]

Здравствуйте ещё раз) не могли бы вы посмотреть этот же вопрос а комментарии к нему? Пожалуйста, если будет время