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

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

您可以使用onmouseout或onmouseleave。不完全是你想要的，但非常接近，至少它适用于Firefox，Chrome和Opera。