📜  HTML | DOM 输入范围 stepDown() 方法(1)

📅  最后修改于: 2023-12-03 15:01:14.194000             🧑  作者: Mango

HTML | DOM 输入范围 stepDown() 方法

简介

stepDown()是HTML DOM Input Range对象的方法之一,它用于减少输入范围的值。该方法会自动减少范围的值,所以无需用户进行操作。该方法可用于处理范围滑块控件,例如音频或视频播放器中的音量滑块控件。

语法
inputRange.stepDown(n);
参数
  • n: 必需。指定要减少的值的数量。
示例

HTML代码:

<input type="range" min="0" max="100" value="50" step="10" id="myRange">
<button onclick="down()">减少值</button>

JavaScript代码:

function down() {
  var range = document.getElementById("myRange");
  range.stepDown(1);
}

该示例中,点击按钮将使“myRange”输入范围的值减少1。

浏览器兼容性

stepDown()方法在所有现代浏览器中均可使用。

但是,IE浏览器不支持该方法。

总结

stepDown()方法是一个非常有用的方法,可用于处理范围滑块控件。它可用于减少输入范围的值,无需用户干预。

如果您希望了解更多关于HTML | DOM输入范围对象的方法,请查看我们的相关文章。