我正在使用一些HTML5元素进行尝试,并遇到了有趣的行为。这仅适用于Chrome浏览器。
使用数字输入类型,您可以设置最小值、最大值和步长,并获得上下箭头以控制输入。例如:
然而,在Chrome浏览器中,您还可以使用鼠标滚轮来更改输入,只需将鼠标悬停在输入上并滚动即可。但是,我尚未找到一种监听此事件的方法。
在jsfiddle上的示例: http://jsfiddle.net/ppDFV/
使用数字输入类型,您可以设置最小值、最大值和步长,并获得上下箭头以控制输入。例如:
<input type="number" min="0" max="100" step="5" />
我发现绑定点击事件监听器可以捕获箭头的按压,因为在模糊字段之前不会实际发生更改。您也可以使用键盘上的向上和向下箭头键在限制范围内更改值,并且可以通过keypress bind来捕获这些内容。然而,在Chrome浏览器中,您还可以使用鼠标滚轮来更改输入,只需将鼠标悬停在输入上并滚动即可。但是,我尚未找到一种监听此事件的方法。
在jsfiddle上的示例: http://jsfiddle.net/ppDFV/
<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中有效。