Maison > interface Web > js tutoriel > js implémente le focus en dernière position des compétences text box_javascript

js implémente le focus en dernière position des compétences text box_javascript

WBOY
Libérer: 2016-05-16 16:57:26
original
1071 Les gens l'ont consulté

Dans les programmes généraux, les programmeurs aiment généralement déterminer la zone de focus en jugeant la légalité du contenu lors de la vérification de l'exactitude du contenu de la zone de saisie.

Par exemple :

Copier le code Le code est le suivant :

if(obj .value== ""){
obj.focus();
return false;
}

De cette façon, lorsqu'une zone de saisie est vide, le focus sera être déplacé vers ce cadre d'entrée..Cette fonction est très pratique à utiliser..mais il y a un petit problème...

C'est-à-dire qu'après que obj.focus() ait déplacé le focus sur la zone de saisie, il déplacera le curseur de texte (c'est-à-dire la ligne verticale clignotante) vers la position du premier caractère de la zone de saisie... Juste ci-dessus En termes de jugement... s'il n'y a pas de contenu dans la zone de texte... obj.focus peut simplement nous permettre de saisir du contenu directement dans la zone de texte sans cliquer sur la zone de texte pour que le texte soit focus...

Cependant, s'il y a déjà du contenu dans la zone de texte... mais que ce contenu est illégal, obj.focus() déplace également le curseur à la position du premier caractère de la zone de texte... A ce moment, l'attention sera attirée Le concepteur d'expérience utilisateur est frustré... Ce dont nous avons besoin, c'est que la zone de texte obtienne le focus, puis que le curseur de texte se déplace vers la fin de la zone de texte, afin que l'utilisateur puisse saisir le contenu directement sans cliquer sur le texte. Le contenu d'entrée sera dans le contenu original. Ajoutez-les plus tard...

.

Le code suivant peut compléter ce petit détail :

Copiez le code Le code est le suivant :



Ce code sera d'une grande aide aux concepteurs dans les détails de l'expérience utilisateur...
É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