Heim > Web-Frontend > js-Tutorial > Wie positioniere ich den Cursor mit JavaScript am Ende eines Eingabefelds?

Wie positioniere ich den Cursor mit JavaScript am Ende eines Eingabefelds?

Mary-Kate Olsen
Freigeben: 2024-11-30 04:31:11
Original
905 Leute haben es durchsucht

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

JavaScript: Cursor am Textende im Eingabefeld positionieren

Frage:

Wie können Sie den Cursor bequem am Ende des Textes platzieren? ein Eingabetextelement mithilfe von JavaScript, nachdem Sie sich auf dieses Element konzentriert haben?

Antwort:

Ein einfacher Ansatz funktioniert in die meisten Browser:

this.selectionStart = this.selectionEnd = this.value.length;
Nach dem Login kopieren

Um jedoch Browser-Inkonsistenzen zu berücksichtigen, ist eine umfassendere Lösung:

setTimeout(function(){ that.selectionStart = that.selectionEnd = 10000; }, 0);
Nach dem Login kopieren

Bei Verwendung von jQuery können Sie einen Listener festlegen:

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

Das obige ist der detaillierte Inhalt vonWie positioniere ich den Cursor mit JavaScript am Ende eines Eingabefelds?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage