Récupérer en temps réel le contenu d’un input text en jQuery

Vous pouvez lier l’événement lors d’une saisie à une zone de texte à l’aide de la méthode on() pour détecter toute modification de celle-ci.
 
 
L’exemple suivant affiche la valeur entrée en temps réel lorsque vous tapez quelque chose dans l’input text.
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<title>Récupérer en temps réel le contenu d'un input text</title>
		<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function(){
				$("#inText").on("input", function(){
					$("#output").text($(this).val());
				});
			});
		</script>
	</head>
	<body>
		<p><input type="text" placeholder="Entrez une valeur ici" id="inText"></p>
		<div id="output"></div>
	</body>
</html>
Résultat

 
QCM jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus

Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *