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

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

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