用于数字输入滚动的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\' ); 
});
    

要回复问题请先登录注册