Actualmente, el evento onChange en mis entradas de rango se dispara en cada paso.

¿Hay alguna forma de evitar que este evento se active hasta que el usuario haya soltado el control deslizante?

Estoy usando el rango para crear una consulta de búsqueda. Quiero poder ejecutar la búsqueda cada vez que se cambia el formulario, pero emitir una solicitud de búsqueda en cada paso del movimiento del control deslizante es demasiado.

Aquí está el código tal como está:

HTML:

<div id="page">
    <p>Currently viewing page <span>1</span>.</p>
    <input class="slider" type="range" min="1" max="100" step="1" value="1" name="page" />
</div>

JavaScript:

$(".slider").change(function() {
    $("#query").text($("form").serialize());
});

¿Eso ayuda