Javascript Range - событие обмена

Question

У меня есть код для ползунка:

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

Проблема в том, что событие onchange выполняется при отпускании мыши, но мне нужно событие onchange для каждого перемещения ползунка. Может быть, мне не нужен ввод 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>