Почему во время keypress в JQuery, не обрабатывается последний символ?

Question

[Drovosek01]

Начинаю знакомиться с JQuery. Смотрю мини видео-гайд.

Там на 7 минуте демонстрируется пример, когда мы что-то вводим в input и этот текст передается/вписывается в другой блок кода с определенным id'шником.
Но когда мы передаем текст из input при keypress, то последний напечатанный символ не передается. Если поменять событие на keyup, то все становится нормально.

Сделал простенькое подобие в Codepen и да, так и работает.

Собственно почему при событии keypress "не передается" последний символ?
Ведь keypress - это когда мы нажимаем и отпускаем клавишу на клавиатуре, а когда мы печатаем текст в input, то в любом случае мы полностью нажимаем на клавишу и отпускаем.

Comments

[DanKud]

Ведь keypress - это когда мы нажимаем и отпускаем клавишу

Нет, событие keypress срабатывает сразу же при нажатии клавиши. А в момент нажатия клавиши у вас еще не добавлен новый символ в поле input и соответственно передается именно то значение, которые было в момент нажатия клавиши. Событие keyup срабатывает когда вы отпускаете клавишу, следовательно новый символ уже будет добавлен в input и успешно передается в событии.

[Ernest Faizullin]

DanKud, отвечаешь в комментарии потому что не хочешь палить тег jquery у себя в статистике?))

[Drovosek01]

DanKud, спасибо, не знал, что во время срабатывания события в input еще нет символа с нажатой клавиши.
Не знаете, почему так сделали такую реализацию? На мой взгляд очевидней, когда во время `keydown` у нас уже есть данные в input.

[DanKud]

Drovosek01, для разных задач используются разные обработчики событий. В данном случае keydown и keypress вообще не совсем корректно использовать. Эти события используются в других задачах. По-этому рассуждать как было бы очевиднее или логичнее не стоит. Для получения значения из input, если не нужно обрабатывать нажатые клавиши, вообще лучше всего использовать событие input