Javascript Range - onchange 事件

Question

我有滑块的代码：

<input id="zoomvalue" class="slider" type="range" min="30" max="100" value="100" style="width: 150px;" />``

问题是释放鼠标时执行的 onchange 事件，但每次滑块移动时我都需要 onchange 事件。 可能是我不需要 input type="range" 而是在纯 javascript/jquery 上制作的滑块。

Answer 1

您可以使用oninput事件

 var val = document.getElementById("val");

 <input id="zoomvalue" class="slider" type="range" min="30" max="100" value="100" style="width: 150px;" oninput="val.innerText = this.value"/> <span id="val"></span>