Maison >interface Web >js tutoriel >Comment puis-je placer le curseur à la fin du texte dans un champ de saisie JavaScript ?

Comment puis-je placer le curseur à la fin du texte dans un champ de saisie JavaScript ?

DDD
DDDoriginal
2024-12-12 13:23:10392parcourir

How Can I Place the Cursor at the End of Text in a JavaScript Input Field?

Localisation du curseur à la fin du texte dans un élément de saisie à l'aide de JavaScript

Lorsque le focus est défini sur un élément de saisie de texte, il est souvent Il est souhaitable de positionner le curseur à la fin du texte existant. Pour y parvenir, l'intervention de JavaScript est nécessaire.

La solution de la plupart des navigateurs

Pour la plupart des navigateurs, une approche simple suffit :

this.selectionStart = this.selectionEnd = this.value.length;

Plus originale Solution des navigateurs

Cependant, certains navigateurs présentent des bizarreries qui nécessitent un approche plus complète :

setTimeout(function(){ that.selectionStart = that.selectionEnd = 10000; }, 0);

Utilisation de jQuery (facultatif)

jQuery peut être utilisé pour établir l'écouteur d'événement, comme démontré ci-dessous :

$('#el').focus(function(){
  var that = this;
  setTimeout(function(){ that.selectionStart = that.selectionEnd = 10000; }, 0);
});

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