javascript - 尝试使用 slider 来更改 HTML 中的文本字段值

Question

我有一个 slider ，它从文本字段获取输入并相应地重置其位置；但是，我不知道如何执行以下操作:

1. 使 slider 能够针对范围内的任何值重新定位自身，而不仅仅是非十进制输入。

2. 使文本字段值随着 slider 的切换而相应变化。

代码可以在下面找到。

感谢任何帮助，谢谢!

<div>
<input id="slider" type="range" min="0" max="2" step="0.001"/>
<input id="input" type="text" value="1"/>
</div>

<script>
    var slider = document.getElementById('slider');
    $('#input').change(function(){
        slider.value=parseInt(this.value)
    });
</script>

Answer 1

I have a sliderbar that takes input from the textfield and resets its position accordingly;

我不明白它如何与给定的代码一起使用，因为您使用的是 parseInt 并且需要 parseFloat 。无论如何，以下是您所要求的:

$('#input').change(function() {
  $('#slider').val(parseFloat(this.value))
});
$('#slider').on("input change", function() {
  $('#input').val(this.value)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div>
  <input id="slider" type="range" min="0" max="2" step="0.001" />
  <input id="input" type="text" value="1" />
</div>