jQuery .focus() funziona in modo diverso in ogni browser. Come impedirlo?

Question

Quando provo a fare .focus(), mi aspetto di mettere a fuoco l'elemento di input e di vedere il cursore dopo l'ultimo carattere del valore. E lo vedo in IE.

In safari/chrome input ottiene lo stato attivo e tutto il testo è selezionato. In firefox/l'ingresso opera ottiene la messa a fuoco, ma il cursore è all'inizio.

Cosa posso fare per impedirlo e ottenere un comportamento corretto per tutti i browser?

Un esempio è qui: http://jsbin.com/ozojol/edit#javascript,html

PS. Il metodo focus().val('').val(value) non funziona in IE ... Quali altre soluzioni alternative esistono?

Answer 1

È possibile utilizzare l'ingresso del selectionStart e selectionEnd proprietà nella maggior parte dei browser e qualche brutta roba TextRange in IE < 9. Ecco qualche codice adattato da an answer to a similar question.

Demo: http://jsbin.com/azapuy

Codice:

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

C'è un ottimo plugin leggero per spostare il cursore alla fine del contenuto all'interno del tuo elemento. jQuery Caret

Live Demo

Answer 3

L'unico comportamento comune è il select(), che seleziona il testo di input in tutti i principali browser (non può confermare se funziona in tutti i browser).