问题描述
我构建了一个 html5 范围滑块,并在鼠标抬起后添加了一个反弹回 0 的值。它适用于 Chrome 和 Safari,但不适用于 Firefox。在 Firefox 上,调用 mouseup 函数后会额外调用 changeSlider。如何让它在所有浏览器上都能正常工作?
function changeSlider(id,value) {
console.log(id + " " + value)
document.getElementById(id).setAttribute("value","0")
document.getElementById("rangevalue").value = value;
}
function bounceBack() {
console.log("bouncing back");
document.getElementById('rangeslider').value = 0;
document.getElementById('rangeslider').setAttribute("value",0)
document.getElementById('rangevalue').value = 0;
}
<!doctype html>
<html lang="en">
<body>
<label for="rangeslider">Value</label>
<input id="rangeslider" type="range" min="10" value="10" max="2000" step="100" oninput="changeSlider(this.id,this.value)" onmouseup="bounceBack()">
<input id='rangevalue' size=4 type=text value="0" />
</body>
</html>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)