使我的html输入数字字段在滚轮上发生更改，即使它们不在Chrome中也是如此

Question

带input field like this：

​<input type='number' step='1' />​​​​​​​​​​​​​​​​​

在Chrome中，您可以通过单击该字段然后向上或向下移动滚轮来更改此字段的值。但是，您不能简单地将鼠标悬停在该字段上并使用滚轮进行更改（就像在Opera中一样）。如何更改此行为，这样就不必选择要使用滚轮更改它的字段？我愿意使用javascript / jQuery（而不是jQuery UI）解决方案。如果这很重要，我正在使用适用于Linux的Chrome 21。

Answer 1

使用hover()

    $("#spinner").hover(
        function()
        {
            $(this).focus();
        },
        function(){
            $(this).blur();
        }
);​

http://jsfiddle.net/Yeqmp/3/

Answer 2

mouseover时关注输入字段：

$("input[type='number']").mouseover(function(){
    this.focus();
});​

演示：http://jsfiddle.net/DerekL/Yeqmp/2/

Answer 3

要将数字或时间输入设置为可旋转的，您只需要在至少一个页面上的控件上添加空的onmousewheel处理程序即可：

<input type="time" value="12:00" onmousewheel="onWheel()"/>

<script>
  function onWheel() { }
</script>
已在Chrome上选中，它适用于页面上的所有控件。