当我遇到具有较大最大值的html5范围滑块时，滑块被跳转到更高的值，并且在使用鼠标移动时无法获取中间值。所以我试图在javascript或其他东西的帮助下使用键盘控制滑块。我是这个的新手。任何人都可以帮助我。提前致谢
你不需要使用 Javascript 来控制滑块，但你确实需要 Javacript 的一些帮助来聚焦滑块元素。如果用户按 Tab 键转到该元素，它将在没有任何 Javascript 的情况下工作。
例如
<html><head><title>bla</title></head>
<body>
<input type="range" id="slider" min="0" max="100" value="50" />
<script type="text/javascript">
document.getElementById('slider').addEventListener('click', function() {
this.focus();
});
</script>
</body>
</html>
对于多个滑块，您可以在 <script> 标记中执行此操作。您不需要在单个滑块上添加任何代码：
<script>
var inputs = document.getElementsByTagName('input');
for(var i = 0; i < inputs.length; i++) {
if(inputs[i].type == 'range') {
inputs[i].addEventListener('click', function() {
this.focus();
});
}
}
</script>
也许你需要这样的东西：JSFIDDLE 中的示例。滑块可以用鼠标正常移动，但是如果您单击按钮，则可以精确地移动箭头，如果再次单击，则侦听器将被删除，箭头不执行任何操作。
我发现，鉴于已经存在用于管理滑块的脚本，您只需要将属性"step"添加到滑块中即可设置按键引起的更改量。