onchange event for input type="number"

Question

How can I handle an onchange for <input type="number" id="n" value="5" step=".5" /> ? I can't do a keyup or keydown, because, the user may just use the arrows to change the value. I would want to handle it whenever it changes, not just on blur, which I think the .change() event does. Any ideas?

Answer 1

Use mouseup and keyup

$(":input").bind('keyup mouseup', function () {     alert("changed");             }); 

http://jsfiddle.net/XezmB/2/

Answer 2

The oninput event (.bind('input', fn)) covers any changes from keystrokes to arrow clicks and keyboard/mouse paste, but is not supported in IE <9.

jQuery(function($) {    $('#mirror').text($('#alice').val());      $('#alice').on('input', function() {      $('#mirror').text($('#alice').val());    });  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>    <input id="alice" type="number" step="any" value="99">    <p id="mirror"></p>