【问题标题】:Javascript Range - onchange eventJavascript 范围 - onchange 事件
【发布时间】:2020-02-14 12:27:00
【问题描述】:
我有滑块的代码:
<input id="zoomvalue" class="slider" type="range" min="30" max="100" value="100" style="width: 150px;" />``
问题是释放鼠标时执行了 onchange 事件,但我需要为每个滑块移动设置 onchange 事件。可能我不需要输入 type="range" 但在纯 javascript/jquery 上制作的滑块。
【问题讨论】:
标签:
javascript
jquery
slider
【解决方案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>