El change de jQuery incluso se activa solo cuando el evento se detiene (consulte la demostración del fragmento)
Como puede ver, console.log( $(this).val()) activa solo cuando la entrada de rango se detiene. ¿Puede decirme cómo puedo hacer que esto sea más interactivo de manera que podamos obtener el valor actual del input type="range" en vivo y simultáneamente a medida que cambia (paso a paso)
$("input").on("change", function(event){ console.log( $(this).val()) }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="range" min="0" value="100" max="600">Debe usar 'entrada' en lugar de 'cambio' como parámetro de función. Edité el código de la siguiente manera:
$("input").on("input", function(event){ console.log( $(this).val()) }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="range" min="0" value="100" max="600">