用于数字输入滚动的HTML5事件侦听器-仅适用于Chrome浏览器

如何解决用于数字输入滚动的HTML5事件侦听器-仅适用于Chrome浏览器

| 我正在玩一些HTML5元素，并遇到了有趣的行为。这仅适用于Chrome。 使用数字输入类型，您可以设置最小，最大和步进，并使用上下箭头控制输入。

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

我发现绑定单击事件侦听器会捕获箭头上的按下，因为直到字段模糊为止，更改实际上不会发生。您还可以使用键盘上的向上和向下箭头键在限制范围内更改该值，并且按键绑定可以拾取这些值。 但是，在Chrome浏览器中，您也可以使用鼠标滚轮将鼠标悬停在输入上并滚动来更改输入。但是，我还没有找到监听此事件的方法。 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\' ); 
});

关于如何聆听滚动变化的任何想法？同样，在撰写本文时，这仅适用于Chrome。     

解决方法

jQuery Mouse Wheel插件似乎可以解决问题。 http://plugins.jquery.com/project/mousewheel

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