jQuery .focus() działa inaczej w każdej przeglądarce. Jak temu zapobiec?

Question

Kiedy próbuję wykonać .focus(), oczekuję ustawić ostrość na element wejściowy i zobaczyć kursor po ostatnim znaku wartości. I widzę to w IE.

Podczas wprowadzania danych Safari/chrom zostaje ustawiona ostrość i wybrany jest cały tekst. W polu firefox/opera dostaje się fokus, ale kursor jest na początku.

Co mogę zrobić, aby temu zapobiec i uzyskać poprawne działanie we wszystkich przeglądarkach?

Przykładem jest tutaj: http://jsbin.com/ozojol/edit#javascript,html

PS. Metoda focus().val('').val(value) nie działa w IE ... Jakie inne sposoby obejścia tego problemu istnieją?

Answer 1

można użyć wejściowego selectionStart i selectionEnd właściwości w większości przeglądarek i rzęsiste TextRange rzeczy w IE < 9. Oto niektóre kodu adaptacją an answer to a similar question.

Demo: http://jsbin.com/azapuy

Kod:

function moveCaretToEnd(el) { 
    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(); 
    } 
} 

var input = $('#i')[0]; 
input.focus(); 
moveCaretToEnd(input); 

Answer 2

Istnieje świetny lekki plugin, który przenosi karetkę na koniec zawartości w twoim żywiole. jQuery Caret

Live Demo

Answer 3

Jedyną wspólną zachowanie jest select(), że wybiera wpisywania tekstu w wszystkich głównych przeglądarek (nie może potwierdzić, czy to działa we wszystkich przeglądarkach).