Heim > Web-Frontend > js-Tutorial > Wie kann ich den Cursor am Ende des Textes in einem JavaScript-Eingabefeld platzieren?

Wie kann ich den Cursor am Ende des Textes in einem JavaScript-Eingabefeld platzieren?

DDD
Freigeben: 2024-12-12 13:23:10
Original
376 Leute haben es durchsucht

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

Positionieren des Cursors am Ende des Texts in einem Eingabeelement mithilfe von JavaScript

Wenn der Fokus auf ein Texteingabeelement gesetzt ist, ist dies häufig der Fall Es ist wünschenswert, den Cursor am Ende des vorhandenen Textes zu positionieren. Um dies zu erreichen, ist ein JavaScript-Eingriff erforderlich.

Die Lösung der meisten Browser

Für die meisten Browser reicht ein einfacher Ansatz aus:

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

Skurriler Browser-Lösung

Bestimmte Browser weisen jedoch Besonderheiten auf erfordern einen umfassenderen Ansatz:

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

Verwendung von jQuery (optional)

jQuery kann zum Einrichten des Ereignis-Listeners verwendet werden, wie unten gezeigt:

$('#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 kann ich den Cursor am Ende des Textes in einem JavaScript-Eingabefeld platzieren?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage