【jQuery】input[type=”number”]上でのホイールスクロールによる増減を無効にする


input type="number"

Google Chromeでは input type="number"の上でホイールスクロールすると、コントロール内の数値が増減するようになってる。普通のマウスなら便利?なのかもしれないけど、AppleのMagic Mouseでホイールスクロールすると、爆速で数値が増減されてしまって、まったく使い物にならない。というわけでこれを無効化する。

普通にスクロールするようにする

mousewheelされたらblurでフォーカスを外してしまう。そうすれば後は普通にスクロールする。

なお普通にスクロールよりも、スクロール自体を無効化するには、このStackoverflowのやり方が良いと思う。

関連する記事


コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください