释放鼠标时重置输入类型=范围

Question

我想做一个简单的穿梭式控件来控制外部设备的播放速度。

这个想法：用户可以将旋钮拉到他喜欢的任何速度，每个状态变化都会发送到服务器。 如果我松开旋钮，我希望它回到 0。 应该很容易，所以我想。

一切正常，除了发布部分。

你会怎么做？

<input id="speed" type="range" min="-16" max="16" value="0" step="1" oninput="changeSpeed(this.value)" onmouseup="resetSpeed()"/>

function changeSpeed(speed) {
    console.log(speed);
    //emit to device
}

function resetSpeed() {
    document.getElementById("speed").value = '0';
}

它不是这样工作的。 我错过了什么吗？

谢谢

Answer 1

您可以使用onchange 事件处理程序代替onmouseup。