Comment obtenir de l'entrée de gamme au cours de modification avec jquery?

Je suis en utilisant jQuery 2.1 en Chrome 41. J'ai besoin d'obtenir les valeurs à partir d'un curseur d'entrée de l'évolution; cependant, lorsque j'utilise l'événement de changement avec jquery, je seulement obtenir la valeur du curseur après que la souris est relâché, pas pendant les événements mousedown et faites-le glisser.

Ce petit exemple illustre le problème:

<input type="range" id="slider" value="0.5" min="0.0" max="1.0" step="0.01" />

<br />

<span id="slider_value">Nothing yet.</span>

<script>
$(document).on('change', '#slider', function() {
    $('#slider_value').html( $(this).val() );
});
</script>

Je pense que je pourrais venir avec un correctif en paramètre un booléen sur la souris vers le haut/vers le bas les événements et les valeurs sur mousemove événements. Est-il une solution plus propre?

Ressemble à un doublon de: [stackoverflow.com/questions/18544890/... [1]: stackoverflow.com/questions/18544890/...

OriginalL'auteur Matt Hancock | 2015-03-08

  1. 25

    Dans les navigateurs modernes vous pouvez utiliser le input événement:

    $(document).on('input', '#slider', function() {
    $('#slider_value').html( $(this).val() );
});

    Noter que IE < 9 ne prend pas en charge, mais ne s'agit-il d'appui range entrée

    Référence: MDN entrée de l'Événement

    DÉMO

    OriginalL'auteur charlietfl

  2. 1

    Aussi, si vous voulez la gamme d'entrée valeur actuelle pour se déplacer avec le curseur, vous pouvez essayer cette solution.

    OriginalL'auteur drugan