Setting focus to the end of a textarea

Question

editor.focus();

Sets the focus fine in Chrome. But in Firefox, the focus is set on the beginning on the line. I want it to be set on the end of the line. I tried this:

moveCaretToEnd(ed);

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

And stupid FF doesn't work again. The focus is gone.

Could you provide jsfiddle demo for this? – Om3ga Oct 16 '12 at 09:14 — Om3ga, Oct 16 '12 at 09:14

score 9 · Accepted Answer · answered Oct 16 '12 at 09:21

9

I used the following hack for firefox:

var value = editor.val();
editor.val("");
editor.focus();
editor.val(value);

Here is working fiddle: http://jsfiddle.net/vyshniakov/p37ax/

answered Oct 16 '12 at 09:21

Artem Vyshniakov

16,355
3
43
47

Ha, I knew there had to be an easy way to do this. Thanks for the great answer! – Whatevo May 20 '14 at 14:12

Setting focus to the end of a textarea

1 Answers1