1

次のような入力フィールドを取ります：

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

Chromeでは、このフィールドをクリックしてからスクロールホイールを上下に動かすことで、このフィールドの値を変更できます。ただし、フィールドにカーソルを合わせ、スクロールホイールを使用してフィールドを変更することはできません（Operaの場合のように）。スクロールホイールでフィールドを変更するためにフィールドを選択する必要がないように、この動作を変更するにはどうすればよいですか？私はjavascript/jQueryを使用したソリューションを受け入れています（ただし、jQuery UIは使用していません）。それが問題になる場合は、Linux用のChrome21を使用しています。

4

3 に答える 3

3

使用するhover()

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

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

于 2012-06-19T02:51:06.323 に答える
1

次の場合に入力フィールドにフォーカスしますmouseover。

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

デモ： http： //jsfiddle.net/DerekL/Yeqmp/2/

于 2012-06-19T02:47:59.660 に答える
0

数値または時間の入力をホイール可能にするには、ページ上の少なくとも1つのコントロールに空のオンマウスホイールハンドラーを追加するだけです。

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

<script>
  function onWheel() { }
</script>

Chromeでチェックすると、ページ上のすべてのコントロールでうまく機能します。

于 2020-01-01T22:27:57.753 に答える