DOM

HTMLInputElement.stepUp() メソッド

 編集:2022.11.08 by T.A.

[Edge]。→

HTMLInputElementstep 属性値の指定分だけ value 値を増加させます。

step に対応している type の date、month、week、time、datetime-local、number、range に有効です。

mdn: 数値型の <input> 要素の値を step 属性の値、または step 属性が明示的に設定されていない場合は既定の step の値だけ増加させるものです。このメソッドを呼び出すと、 value は(step * n)だけ減少します。ここで、n は指定されなかった場合、既定で 1 となり、step が指定されなかった場合、step の既定値となります。

構文
HTMLInputElement.stepUp([stepIncrement])
HTMLInputElement HTMLInputElement
stepIncrement 省略可。増加させる回数を表す整数の数値。初期値 1。

mdn: 引数が渡されなかった場合、 stepDecrement は既定で 1 になります。

戻り値

例外
InvalidStateError
以下の内容です:

mdn: フォームコントロールが時刻、日付、数値以外のもので、step 属性に対応していない場合(前述の表に対応する入力型のリストを参照)、または step 値が any に設定されている場合、InvalidStateError 例外が発生します。

関連

stepDown()

HTML:

<INPUT id=IdTest type=number min=0 max=100 value=50 step=10>

JavaScript:

D=IdTest.stepUp(1.5);  //=[undefined]:undefined

範囲を超えるか?

HTML:

<INPUT id=IdTest type=number min=0 max=100 value=50 step=10><BR>
<SPAN id=IdLog></SPAN>

JavaScript:

try{
  D=IdTest.stepUp(1.5);
}catch(e){
  IdLog.innerHTML=IdLog.innerHTML+"●";
}

テスト