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 JQueryListe de toutes les fonctions JQueryjQuery a de nombreuses fonctions importantes et utiles, prédéfinies pour manipuler le DOM, réaliser des animations et gérer facilement les événements. Dans ce tutoriel nous…Lire plus

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