Find solution
How to hijack an event handler?

What are the best methods for assigning a change event handler to an HTML5 numeric <input> control?

  • Is there any native method of attaching the handler to the up and down arrows that appear when the 'step' attribute is assigned?

  • Answer:

    Try listening for the input event. <input type="number" min="0" max="12" step="3" id="range" /> // jQuery $('#range').on('input', function() { console.log($(this).val()); }); IE9's implementation fails to fire when content is deleted, but that shouldn't be a problem for the arrow controls. You can test it out on my Fiddle here: http://jsfiddle.net/bulat/fcNA8/.

Bulat Bochkariov at Quora Visit the source

Was this solution helpful to you?

Other answers

with jQuery click and change events work as well ;) But you can also do it natively : function getInputValue(el) { var result = el.value; //console.log(result); document.getElementById("result").value = result; }​ http://jsfiddle.net/G8hgA/1/

Kamel Laïmène

The click event seems to work, but the change event won't fire correctly on Chrome or Safari. http://jsfiddle.net/G8hgA/11/

Keith Ratner

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.