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

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

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

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

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

関連する記事

• MacやめてLinuxやめてWindowsやめてまたMacに辿り着いたって話。
• capybaraで要素をあいまい検索して値をセットする
• simple_formとTwitter bootstrapで作る俺流鉄板Railsアプリ（その１）
• capybaraを使ってWebページをスクレイピングする（テストじゃなくて）
• 【実録】音声入力でブログを書く方法