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

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