JS实时滑块？

Question

<input type="range" id="slider"> document.getElementById('slider').addEventListener("change", function(){})
此代码一直等到您松开滑块以输入一个值。我怎样才能使函数随着值的变化而实时发生？

I want the box to chanmge as I move the slider [JS FIDDLE]

Answer 1

不是监听 change 事件，而是监听 input:

document.getElementById('slider').addEventListener("input", function(){})

https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/oninput

JS实时滑块？

JS real time sliders?

javascript

function

slider