HTML DOM中的DOM輸入範圍stepUp()方法用於將滑塊控件的值增加給定數字。
用法:
rangeObject.stepUp(number)
參數:它接受一個必需的參數:
- number:指定要增加的滑塊控件的數量。默認情況下,它增加1。
返回值:它不返回任何值。
例:本示例顯示stepUp()方法的用法方式:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Range stepUp() Method
</title>
</head>
<body style="text-align:center;">
<h1>
GeeksForGeeks
</h1>
<h2>
DOM Input Range stepUp() Method
</h2>
<form id="myGeeks">
<input type="range"
id="range_id"
name="geeks"
value="70">
</form>
<br>
<button onclick="myGeeks()">
Click Here!
</button>
<!-- Script to increment the range -->
<script>
function myGeeks() {
document.getElementById(
"range_id").stepUp(3);
}
</script>
</body>
</html>
輸出:
在單擊按鈕之前:
單擊按鈕(十次)後:
支持的瀏覽器:下麵列出了DOM輸入Range stepUp()方法支持的瀏覽器:
- 穀歌瀏覽器
- Mozilla Firexox
- Internet Explorer 10.0以上
- Opera
- Safari
相關用法
- HTML Input Date stepUp()用法及代碼示例
- HTML Input Week stepUp()用法及代碼示例
- HTML Input Month stepUp()用法及代碼示例
- HTML Input Number stepUp()用法及代碼示例
- HTML Input DatetimeLocal stepUp()用法及代碼示例
- HTML Input Time stepUp()用法及代碼示例
- HTML Input Range stepDown()用法及代碼示例
- HTML Input Range name用法及代碼示例
- HTML Input Range min用法及代碼示例
- HTML input range用法及代碼示例
- HTML Input Range value用法及代碼示例
- HTML Input Range max用法及代碼示例
- HTML DOM Input Range用法及代碼示例
- HTML Input Range type用法及代碼示例
- HTML Input Range form用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Input Range stepUp() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。