Estoy creando un cambiador de volumen simple para mi sitio web y estoy usando un evento de cambio para activar la función setVolume pero se activa solo cuando suelto el mouse, ¿cómo hacer que el evento se active antes de soltar el mouse?
por ejemplo, cuando me deslizo a la mitad, el volumen cambia a 0,5 antes de que tenga que soltar el mouse.
html:
<input type="range" min="0" max="100" value="100" class="slider" id="volume_slider" onchange="setVolume(this)">Pruebe la entrada en su lugar.
let range = document.querySelector("[type='range']"); range.addEventListener("input",function(){ console.log(this.value) }); <input type="range" min="0" max="100" value="100" class="slider" id="volume_slider">MDN dice que existe el cambio y el evento de entrada.
El cambio se activa, cuando se confirma, supongo mouseup
El otro se activa cuando cambia el valor.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event
Nota: El evento de entrada se activa cada vez que cambia el valor del elemento. Esto es diferente al evento de cambio, que solo se activa cuando se confirma el valor, como al presionar la tecla Intro, seleccionar un valor de una lista de opciones y similares.