Maison > interface Web > js tutoriel > le corps du texte

Solution au problème de la zone de texte de positionnement du curseur js et des compétences de soumission_javascript du formulaire de retour chariot

WBOY
Libérer: 2016-05-16 15:59:52
original
1243 Les gens l'ont consulté

L'exemple de cet article décrit la solution au problème de la zone de texte de positionnement du curseur js et de la soumission du formulaire de retour chariot. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Lorsque le curseur est positionné dans la zone de texte de la recherche auxiliaire et que vous appuyez sur Entrée, la chaîne json renvoyée par la méthode apparaîtra sur la page.

Raison : Lorsqu'il n'y a qu'un seul champ de saisie de texte sur une seule ligne dans un formulaire, l'agent utilisateur doit accepter la saisie dans ce champ comme une demande de soumission du formulaire <.>

Traduction : lorsqu'il n'y a qu'une seule entrée type="text" dans le formulaire, le formulaire sera soumis lorsque l'utilisateur appuie sur la touche Entrée.

Solution : Traitez l'événement onkeydown du texte saisi et désactivez l'opération de retour chariot.

Code spécifique :

<p>
<input class="text text-1" type="text" name="name" 
id="notAssociateName" value="" onkeydown="enter_down(event);"/>
</p>
function enter_down(event){
 if(event.keyCode==13){
  stopDefault(event);
 }
}
function stopDefault(e) {
 //如果提供了事件对象,则这是一个非IE浏览器
 if(e && e.preventDefault) {
   //阻止默认浏览器动作
   e.preventDefault();
 } else {
   //IE中阻止函数器默认动作的方式
   window.event.returnValue = false;
 }
 return false;
}
Copier après la connexion
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal