Tengo un elemento de control deslizante en mi aplicación de visualización de datos que quiero activar un evento con el arrastre del control deslizante completo. Esta solución usa el evento de change y funciona bien en Chrome.

 this.slider.addEventListener('change', e => { // do something when slider changes })

Sin embargo, FireFox y Safari solo admiten el evento de input , por lo que el enfoque anterior no funcionará. ¿Cuál es el mejor trabajo para simular un evento de change en FireFox y Safari?

Aquí está todo el código JS relevante

 const slider = document.createElement('input') slider.type = 'range' slider.min = 10 slider.max = 20 document.body.appendChild(slider) slider.addEventListener('change', e => { // do something when slider changes console.log("change"); })