simplemente armando un control deslizante de rango rápido y quiero que la "barra de progreso" se mueva según el valor del cambio del campo de entrada. El control principal para esto será la rueda de desplazamiento, pero por alguna razón no se activa nada cuando uso .on ("desplazamiento"), solo trato de averiguar por qué. Me tomó un tiempo darme cuenta de que necesitaba el atributo onmousewheel="" presente para poder desplazarme por los valores de entrada.
let slideInput = $("#slider-value"); $(document).ready(function() { slideInput.on("click", function() { const value = slideInput.val(); console.log(value); }); slideInput.on("scroll", function() { const value = slideInput.val(); console.log(value); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="number" id="slider-value" onmousewheel="" step=".1" min="2" max="10" placeholder="2.0" class="slider-value">El evento es wheel .
let slideInput = $("#slider-value"); $(document).ready(function() { slideInput.on("click", function() { const value = slideInput.val(); console.log(value); }); slideInput.on("wheel", function() { const value = slideInput.val(); console.log(value); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="number" id="slider-value" onmousewheel="" step=".1" min="2" max="10" placeholder="2.0" class="slider-value">