Maison > interface Web > js tutoriel > Comment puis-je empêcher l'envoi d'un formulaire en appuyant sur la touche Entrée ?

Comment puis-je empêcher l'envoi d'un formulaire en appuyant sur la touche Entrée ?

Mary-Kate Olsen
Libérer: 2024-11-27 00:00:18
original
577 Les gens l'ont consulté

How Can I Prevent Form Submission When Pressing the Enter Key?

Empêcher la soumission d'un formulaire avec la touche Entrée

Lorsque vous travaillez avec des formulaires, il peut être frustrant d'appuyer sur la touche Entrée pour déclencher la soumission au lieu de l'exécution. une fonction JavaScript souhaitée. Pour résoudre ce problème, il est nécessaire d'empêcher la soumission du formulaire en réponse à la pression sur la touche Entrée.

Une méthode efficace consiste à utiliser l'écouteur d'événements de JavaScript. En attachant une fonction à l'événement keypress, vous pouvez gérer le comportement de la pression sur la touche et empêcher la soumission du formulaire. Voici comment procéder :

document.addEventListener("keypress", function(e) {
  if (e.keyCode == 13) {
    // Call the desired JavaScript function here
    // ...
    
    // Prevent form submission
    e.preventDefault();
  }
});
Copier après la connexion

Dans ce code :

  • document.addEventListener écoute l'événement "keypress".
  • e.keyCode == 13 vérifie si la touche enfoncée est la touche Entrée.
  • Si la touche Entrée est enfoncée, la fonction JavaScript souhaitée est exécuté.
  • e.preventDefault() empêche la soumission du formulaire.

En implémentant ce code, vous pouvez désactiver la soumission du formulaire lorsque la touche Entrée est enfoncée et rediriger l'action vers un fonction JavaScript personnalisée à la place.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal