Maison > interface Web > js tutoriel > Comment positionner le curseur à la fin d'un champ de saisie en utilisant JavaScript ?

Comment positionner le curseur à la fin d'un champ de saisie en utilisant JavaScript ?

Mary-Kate Olsen
Libérer: 2024-11-30 04:31:11
original
990 Les gens l'ont consulté

How to Position the Cursor at the End of an Input Field using JavaScript?

JavaScript : Positionnement du curseur à la fin du texte dans le champ de saisie

Question :

Comment placer facilement le curseur à la fin du texte dans un élément de texte d'entrée à l'aide de JavaScript après vous être concentré sur cet élément ?

Réponse :

Un simple Cette approche fonctionne dans la plupart des navigateurs :

this.selectionStart = this.selectionEnd = this.value.length;
Copier après la connexion

Cependant, pour tenir compte des incohérences du navigateur, une solution plus complète est :

setTimeout(function(){ that.selectionStart = that.selectionEnd = 10000; }, 0);
Copier après la connexion

Lorsque vous utilisez jQuery, vous pouvez définir un écouteur :

$('#el').focus(function(){
  var that = this;
  setTimeout(function(){ that.selectionStart = that.selectionEnd = 10000; }, 0);
});
Copier après la connexion

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 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