Place cursor at the end of the text

Homeless Heron answered on December 1, 2021 Popularity 6/10 Helpfulness 3/10

answer Place cursor at the end of the text

Place cursor at the end of the text

Comment

function placeCaretAtEnd(el) {
    el.focus();
    if (typeof window.getSelection != "undefined"
            && typeof document.createRange != "undefined") {
        var range = document.createRange();
        range.selectNodeContents(el);
        range.collapse(false);
        var sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(range);
    } else if (typeof document.body.createTextRange != "undefined") {
        var textRange = document.body.createTextRange();
        textRange.moveToElementText(el);
        textRange.collapse(false);
        textRange.select();
    }
}

placeCaretAtEnd( document.querySelector('p') );

Popularity 6/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: cursor text whatever

Link to this answer
Share Copy Link