Wie kann ich mit jQuery die Cursorposition in einem Textbereich festlegen?

Cursorposition in einem Textbereich mit jQuery festlegen

Problem:

Wie können Sie die Cursorposition innerhalb eines festlegen? Textbereich mit jQuery? Sie haben einen Textbereich mit vorhandenem Inhalt und möchten den Cursor automatisch an einem bestimmten Offset positionieren, wenn das Feld den Fokus erhält.

Lösung:

Für jQuery: Um diese Funktionalität zu erreichen, kann der folgende Codeausschnitt verwendet werden:

$.fn.selectRange = function(start, end) {
    if(end === undefined) {
        end = start;
    }
    return this.each(function() {
        if('selectionStart' in this) {
            this.selectionStart = start;
            this.selectionEnd = end;
        } else if(this.setSelectionRange) {
            this.setSelectionRange(start, end);
        } else if(this.createTextRange) {
            var range = this.createTextRange();
            range.collapse(true);
            range.moveEnd('character', end);
            range.moveStart('character', start);
            range.select();
        }
    });
};

Mit dieser Funktion können Sie Folgendes verwenden Syntax:

$('#elem').selectRange(3,5); // select a range of text
$('#elem').selectRange(3); // set cursor position

Damit können Sie die Cursorposition innerhalb des Textbereichs festlegen, unabhängig davon, ob Sie einen Textbereich auswählen oder den Cursor einfach an einem bestimmten Offset positionieren möchten.

Zusätzliche Ressourcen:

• [JsFiddle Demo](https://jsfiddle.net/ywkf09w4/)
• [JsBin-Demo](https://jsbin.com/xewotib/edit?html,console,output)

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery die Cursorposition in einem Textbereich festlegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!