エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
HTMLの<input type="number">フィールドにおけるマウスホイール動作の無効化
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
HTMLの<input type="number">フィールドにおけるマウスホイール動作の無効化
背景 HTMLにおいて <input type="number"> は、数値入力を容易にするためのフォームフィールドです。ユ... 背景 HTMLにおいて <input type="number"> は、数値入力を容易にするためのフォームフィールドです。ユーザーはテキスト入力に加えて、マウスホイールやキーボードの矢印キーを使用して値を調整できます。これは便利な機能ですが、一部の状況では意図しない挙動を引き起こす可能性があります。 RailsでUIを作るときには、本当は number_fieldにしたかったところをわざわざ、text_filedにして実装していました。 問題 <input type="number"> フィールド上にマウスカーソルがあるときに、ホイールを上下すると画面が上下しつつ、 フィールドの値も変わってしまいます 。 この問題はかなり昔からあって、5年前ぐらいからはWebkitに存在していると思います。 アプローチ 半ば諦めていたのですが、そもそもJavascriptでホイールを無効化してしまえば解決