如何同步范围类型

Posted 2021-04-11

我在代码中看到了2个输入，如果您在输入/文本中键入任何内容，它在范围内显示就很好了，但是相反，这是我的问题对于接受任何答案的问题，我也持完全不同的态度。

代码段：

var city = document.getElementById('city')
var cityrepeat = document.getElementById('cityrepeat')
var state = document.getElementById('state')
var staterepeat = document.getElementById('staterepeat')

function setCity() {
  cityrepeat.value = city.value
}

function setd() {
  city.value = cityrepeat.value
}

function setState() {
  staterepeat.value = state.value
}

City    
<input id="city" type="text" onKeyUp="setCity()" size=5/></br>
State
<input id="state" type="text" onKeyUp="setState()" size=5/></br>
City repeat
<input id="cityrepeat" type="range" min="1" max="100"onKeyUp="setd()"/></br> 
State repeat
<input id="staterepeat" type="range"/>

答案

尝试使用onChange而不是滑块上的onKeyUp。

另一答案

代替onKeyUp="setd()"使用onchange="setd()"