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>