Событие keydown в js странно себя ведет, почему?

Question

[Alexander]

input.addEventListener('keydown', fninput);

Когда я устанавливаю событие для input keydown, то оно срабатывает после второго нажатия на клавишу, приходится использовать событие keyup, но визуально keyup чуть медленнее работает, потому что срабатывает после отпускания кнопки.

Почему так происходит с событием keydown и какое есть решение?

Comments

[profesor08]

Ты делаешь что-то не так либо каким-то другом куском кода все запорол и удивляешься. Размести минимальный рабочий пример, где есть эта неприятность. На jsfiddle.com например.

[Alexander]

profesor08, вот код https://jsfiddle.net/abnf6uac/

Answer 1

[fl3nkey]

Из вашего кода понятно, то что вы слушаете не тот эвент, слушайте 'change' и 'input'.
После того как сработал 'keydown', вы пытаетесь вытянуть значение из поля, которое ещё не успевает обновится, и тем самым, когда функция fninput срабатывает первый раз, поле ещё пустое.

Comments

[Alexander]

а не трудно вам будет в коде пример показать?

[fl3nkey]

Alexander, что сложного? Замените keydown на input.
input.addEventListener('input', fninput);

[Alexander]

я не знал, что есть событие input))) спасибо за помощь, вопрос решил))

Answer 2

[Дмитрий Гончаров]

keypress попробуй, если там нет кнопок типы shift, f2 и подобных