Oyente HTML5 de eventos para el desplazamiento de entrada numérica: solo Chrome

Question

Estoy jugando con algunos elementos HTML5 y me encontré con un comportamiento divertido. Esto solo funciona en Chrome.

Utilizando un tipo de entrada de número, puede establecer el mínimo, el máximo y el paso, y obtener flechas hacia arriba y hacia abajo para controlar la entrada. <input type="number" min="0" max="100" step="5" />

He encontrado que al vincular un escucha de evento de clic se capturan presiones en las flechas, ya que un cambio no ocurrirá hasta que el campo esté borroso. También puede usar las teclas de flecha hacia arriba y hacia abajo en su teclado para cambiar el valor dentro de los límites, y un enlace de pulsación de tecla puede recogerlos.

En Chrome, sin embargo, también puede usar la rueda del mouse para cambiar la entrada, pasando el mouse sobre la entrada y desplazándose. Sin embargo, no he podido encontrar una manera de escuchar este evento.

Example on jsfiddle

HTML:

<input type="number" min="0" max="100" step="5" id="test" /> 

Javascript (jQuery):

$('#test').click(function(){ 
    $(this).after('<br />click'); 
}); 

$('#test').change(function(){ 
    $(this).after('<br />change'); 
}); 

$('#test').keypress(function(){ 
    $(this).after('<br />keypress'); 
}); 

Cualquier ideas sobre cómo escuchar para que el cambio de desplazamiento? De nuevo, esto solo funciona en Chrome a partir de este escrito.

Answer 1

El complemento de jQuery Mouse Wheel parece hacer el truco. http://plugins.jquery.com/project/mousewheel

$('#test').mousewheel(function(){ 
    $(this).after('<br />mouse wheel'); 
});