Comment détecter la touche Entrée sur un champ de saisie en jQuery

Pour vérifier si un utilisateur a appuyé sur la touche Entrée, vous pouvez utiliser l’événement « keypress » en combinaison avec le code 13(touche Entrée). L’exemple suivant affiche le texte saisi dans une boite de dialogue lorsque vous appuyez sur la touche Entrée du clavier.
 
Liste de toutes les fonctions JQuery

Code source :
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Détecter la touche Entrée sur un champ de saisie</title>
		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
		<script>
			$(document).on("keypress", "input", function(e){
				if(e.which == 13){
					var val = $(this).val();
					alert("Vous avez entré: " + val);
				}
			});
		</script>
	</head>
	<body>
		<p><b>Tapez quelque chose et appuyez sur la touche Entrée.</b></p>   
		<p><input type="text"></p>      
	</body>
</html>
Résultat

Tapez quelque chose et appuyez sur la touche Entrée.

QCM jQuery

Laisser un commentaire

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