Pra*_*K C 3 html javascript jquery
当我遇到具有较大最大值的 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>