What events does <input type = "number" / "> fire matter when the value changes?

Question

It's just interesting if anyone knows what events the HTML5 element <input type="number" /> triggers when the up / down arrows are pressed:

I already use onblur when the focus leaves the input field.

Answer 1

change will be the event that will be fired when the field value changes.

I think the HTML5 input event also fires.

Answer 2

I found that for jQuery the following code covers keyboard input, mouse changes and button clicks in Chrome, and also handles keyboard input in Firefox

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

Answer 3

I found that onkeyup and onchange encompass everything in Chrome 19. This handles direct input of a value, a down arrow, button clicks, and a mouse wheel scroll.

onchange will suffice in Chrome, but other browsers that only display the field as a text field need an onkeyup binding that works onkeyup fine to read the new value.

mousewheel event mousewheel individually was less successful. The event was fired too early - before the field value was updated - and therefore always gave the field the previous value

Answer 4

The onchange event fires on blur, but the oninput event fires on input. Perhaps you want to set a timer for the oninput event and fire your onchange event when the user stops printing for a second?