Javascript Range - onchange 事件

Question

我有 slider 代码:

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

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

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>