[Résolu] Afficher la valeur d'un input type range en temps réel

Bonjour,

Ma question est la suivante : Comment afficher la valeur d'un input de type range en temps réel dans mon output ?

Un exemple valant mieux qu'un long discours, voici mon exemple sur CodePen : Range + Output

Hello, il faut juste utiliser on 'input'.

http://codepen.io/anon/pen/zxLpEB

change ne se déclenche que lorsque le changement est effectué.
Modifié par kustolovic (04 Mar 2015 - 13:53)

Super ça marche ! Merci à toi.

Donc, pour tout le monde, le code html :

<input type="range" class="range" name="a" min="0" max="100" step="1" value="50"/>
<output></output>

Et le javascript :

$(function() {
	$('.range').next().text('--'); // Valeur par défaut
	$('.range').on('input', function() {
		var $set = $(this).val();
		$(this).next().text($set);
	});
});