Putting cursor at end of textbox in javascript

Question

I have a textbox that when I put on focus I want the cursor to goto the end of the textbox.

The solution that keeps coming up is just

this.value = t         


        

Answer 1

You need to move the caret using either the selectionStart and selectionEnd properties or setSelectionRange() method of the input. IE < 9 does not support these though, so you need to use the input's createTextRange() method in those browsers.

Code:

function moveCaretToEnd(el) {
    el.focus();
    if (typeof el.selectionStart == "number") {
        el.selectionStart = el.selectionEnd = el.value.length;
    } else if (typeof el.createTextRange != "undefined") {
        var range = el.createTextRange();
        range.collapse(false);
        range.select();
    }
}