Maison  >  Article  >  interface Web  >  Explication détaillée de la façon de désactiver la touche Entrée pour soumettre automatiquement le formulaire lors de l'analyse d'une page HTML

Explication détaillée de la façon de désactiver la touche Entrée pour soumettre automatiquement le formulaire lors de l'analyse d'une page HTML

怪我咯
怪我咯original
2017-04-30 10:29:352113parcourir

L'éditeur suivant vous proposera un article sur la façon de désactiver la touche Entrée pour soumettre automatiquement le formulaire dans une page HTML. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un coup d'œil

En raison de l'utilisation du formulaire dans les pages HTML, il est souvent nécessaire de désactiver la saisie pour soumettre le formulaire. Parce que la page de contenu ou la page maître elle-même a un bouton de type = "submit", lorsque la zone de texte est active, appuyer sur Entrée déclenchera la soumission par défaut du formulaire (qu'il s'agisse d'IE ou de Firefox), il est donc nécessaire de surveiller le les frappes de l'utilisateur dans onkeydown . Les tests réels montrent qu'il existe trop de facteurs incertains qui conduisent à la soumission de formulaire dans IE8. Cliquer sur td dans le tableau du formulaire déclenchera la soumission du formulaire, mais pas Firefox. Par conséquent, la désactivation de la soumission de formulaire dans IE et FF nécessite des idées différentes.

Pour IE :

Renvoie true uniquement lorsque la source de l'événement est TEXTAREA, autorisant les actions par défaut à renvoyer false, interdisant la soumission de formulaires ; et toutes les réponses.

Pour Firefox :

Uniquement lorsque la source de l'événement est INPUT, renvoyez false pour désactiver l'action par défaut du formulaire tandis que les autres éléments renvoient true ; autoriser les actions par défaut, telles que la saisie multiligne d'une zone de texte.

Le code complet est donc le suivant :

<mce:script language="javascript" type="text/javascript"><!-- 
 //禁用Enter键表单自动提交 
  document.onkeydown = function(event) { 
   var target, code, tag; 
   if (!event) { 
    event = window.event; //针对ie浏览器 
    target = event.srcElement; 
    code = event.keyCode; 
    if (code == 13) { 
     tag = target.tagName; 
     if (tag == "TEXTAREA") { return true; } 
     else { return false; } 
    } 
   } 
   else { 
    target = event.target; //针对遵循w3c标准的浏览器,如Firefox 
    code = event.keyCode; 
    if (code == 13) { 
     tag = target.tagName; 
     if (tag == "INPUT") { return false; } 
     else { return true; } 
    } 
   } 
  }; 
  
// --></mce:script>

Convertissez ce qui précède Le code javascript doit être appliqué aux pages qui doivent désactiver la touche Entrée pour soumettre automatiquement le formulaire. Après les tests, les navigateurs IE, Firefox et Chrome ont parfaitement résolu le problème de la touche Entrée pour soumettre automatiquement le formulaire.

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