用于数字输入滚动的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。
没有找到相关结果
已邀请:
1 个回复
布埃郝卞簿