Hice un control deslizante de rango usando html/css/js para ir con mi lua nui. Funciona muy bien en su mayor parte, pero cada vez que deslizo demasiado rápido el control deslizante, no realiza la función correctamente. Cada vez que deslizo mi control deslizante hacia la izquierda, hace que ciertos valores suban y bajen hacia la derecha. Si lo deslizo demasiado, todos los valores vuelven a 0, así que pensé que si podía limitar la velocidad a la que el usuario puede deslizarlo, la función nunca fallaría. No encontré ninguna búsqueda de Google relevante para esto, por lo que agradecería cualquier respuesta. Además, soy nuevo en los controles deslizantes, así que dame un descanso si esta es una pregunta realmente tonta. Estoy más familiarizado con lua.

el html

 <div class="slidecontainer" style="position: fixed;top:13%;left:5%;"> <input type="range" min="0.0" max="10.0" value="5.0" class="slider" id="myRange"> </div>

el js

 var slider = document.getElementById("myRange"); slider.oninput = function() { if (slider.value >= 0.0 && slider.value < 1.0) { $.post('https://skineditor/changefaceshapemix', JSON.stringify({ value: '1-10' })); } else if (slider.value > 1.0 && slider.value < 2.1) { $.post('https://skineditor/changefaceshapemix', JSON.stringify({ value: '11-20' })); // this keeps on going all the way to 10 (also i know that the string values are different)

lo que tengo ahora es si el valor del control deslizante está en cualquier lugar entre los números, luego se envía a mi lua y hace una función

no estoy mostrando el lua porque he verificado que no es un problema con ese código, mi función solo sale mal si deslizo demasiado rápido el control deslizante