我有两个范围输入。第一个输入永远不应高于第二个输入,第二个输入永远不应低于第一个输入。
我的脚本的问题是滑块会跳动或突然跳到最小值或最大值。如果我将限制更改为固定数字,它会完美运行,但输入值则不行……
以下是我尝试过的一个例子:
function minRange(input) {
let limit = document.getElementById('max').value;
if(input.value >= limit) {
input.value = limit;
};
};
function maxRange(input) {
let limit = document.getElementById('min').value;
if(input.value <= limit) {
input.value = limit;
};
};
<div><input id="min" type="range" min="0" max="100" value="0" step="1" onInput="minRange(this)" /></div>
<div><input id="max" type="range" min="0" max="100" value="100" step="1" onInput="maxRange(this)" /></div>