Какие события делаетогонь, когда его значение изменилось?

Question

Просто интересно, знает ли кто-нибудь, какие события вызывает элемент HTML5 <input type="number" /> при нажатии на стрелки вверх / вниз:

Я уже использую onblur, когда фокус покидает поле ввода.

Answer 1

change будет событием, которое вызывается при изменении значения поля.

Я думаю, что событие HTML5 input также сработает.

Answer 2

Я обнаружил, что для jQuery следующий код охватывает ввод с клавиатуры, изменения колесика мыши и нажатие кнопок в Chrome, а также обрабатывает ввод с клавиатуры в Firefox

$("input[type=number]").bind('keyup input', function(){
    // handle event
});

Answer 3

Я обнаружил, что onkeyup и onchange покрывают все в Chrome 19. Это обрабатывает прямой ввод значений, нажатие кнопок со стрелками вверх и вниз, нажатие кнопок и прокрутка колесика мыши. Только

onchangeэтого достаточно в Chrome, но другим браузерам, которые отображают поле только как текстовое поле, требуется привязка onkeyup, которая прекрасно работает для чтения нового значения.

Отдельное связывание события mousewheel было менее успешным.Событие сработало слишком рано - до обновления значения поля - и поэтому всегда давало предыдущее значение поля

Answer 4

Событие onchange срабатывает при размытии, но событие oninput срабатывает при вводе.Может быть, вы захотите установить таймер на событие oninput и запустить событие onchange, когда пользователь перестанет печатать на секунду?

Answer 5

В Edge имеется текущая ошибка , препятствующая срабатыванию изменения или ввода при использовании клавиш со стрелками при вводе числа.