rangeを画像無しでバーを表示

piayo

License: MIT License

Fork
1
Fav
3
View
3431
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 31 lines
  • HTML 33 lines
  • CSS 117 lines
rangeを画像無しでバーを表示。
chromeで確認

//UPDATE: 2013.07.27
背景を変えるだけなので、triggerを分け、「valChange」を別に作った。
valueをセットしたい時は、
$("#hoge_range").val(50).trigger("valChange");

※$("#hoge_range").val(50).trigger("change"); ではない


//UPDATE: 2014.04.10
.on("change") → .on("input change") に変更
Chrome34、ドラッグ中はchangeイベントが発火しなくなった。
mouseup後にchangeイベント発火するようになった。
.on("input change")、2つ登録することで、
mouseや、arrowKeyでも連続change発火するようになります。

  • rangeを画像無しでバーを表示
  • jQuery v1.9.1
  • rangeを画像無しでバーを表示

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

piayo

Author

  • Twitter
  • Google+: piayo

ヘタレ雇われweb屋 JS勉強中。html5も勉強中。css3もも勉強中。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by