pirika logo

MAGICIANとは、材料ゲノム(Materials Genome)、材料情報学(Materials Informatics)、情報化学(Chemo-Informatics)とネットワーク(Networks)を結びつけて(Associate)いかれる人材です。

化学系

HSPiP用

化学系プログラミング > Javascript化学系演習 >

2021.2.11

type='range'

valueプロパティに値を設定することで、スライダーの位置を制御できます。

<input type="range" oninput="this.nextSibling.value = this.value" />
<input type="text" onkeyup="this.previousSibling.value = this.value" />

minとmaxによって決定される範囲より小さな値を指定しないと、スライダーを操作できなくなります。


min="0.0" max="0.1"
min="0.0" max="0.1" step="0.01"

スライダーが移動されたことはoninputで捕捉できますが、このイベントはブラウザによっては対応していないことがあるため、より確実にはonchangeと併用します。