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


input type="number"

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

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

$('form').on 'mousewheel', "input[type='number']", (e) ->
  @.blur()

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

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

関連する記事


コメントする

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

CAPTCHA


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