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

juillet 7, 2019février 10, 2020 Amine KOUIS Aucun commentaire

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 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