【重要】サービス終了のお知らせ

numeric stepper

butchi

License: MIT License

Fork
0
Fav
0
View
1722
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 63 lines
  • HTML 9 lines
  • CSS 5 lines
上下ボタン付きの数値入力インターフェースとしてHTML5のnumber (input)がありますが、全ブラウザでは対応していないので自作しました。

数値入力、▲/▼ボタンでステップアップ/ステップダウン(押しっぱなしで連続入力)、
数値入力フォーカス時に上キー/下キーでもステップアップ/ステップダウン

数値以外の入力では最小値に、最大値を超える値では最大値に、最小値未満の値では最小値に設定。

気に入らない点としては、▲/▼ボタンを押してカーソルを外して(onMouseOut)からカーソルを戻した(onMouseOver)ときに反応しないところ。
  • numeric stepper
  • jQuery v1.7.2
  • numeric stepper

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

butchi

Author

HTML5のプロをやっております。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags