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
Mary-Kate Olsenoriginal
2024-11-27 00:00:18530parcourir

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();
  }
});

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!

Déclaration:
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