javascript - 让我的 html 输入数字字段在滚轮上更改，即使它们没有集中在 Chrome 中

Question

采取这样的输入字段：

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

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

Answer 1

Using 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 上检查，它适用于页面上的所有控件。