jQuery .focus() funciona de manera diferente en cada navegador. ¿Cómo prevenir eso?

Question

Cuando intento hacer .focus() Espero establecer el foco en el elemento de entrada y ver el cursor después del último carácter del valor. Y lo veo en IE.

En Safari/Chrome, la entrada se enfoca y se selecciona todo el texto. En la entrada de Firefox/Opera obtiene el foco, pero el cursor está al principio.

¿Qué podría hacer para evitarlo y obtener un comportamiento correcto para todos los navegadores?

Un ejemplo es aquí: http://jsbin.com/ozojol/edit#javascript,html

PS. El método focus().val('').val(value) no funciona en IE ... ¿Qué otras soluciones existen?

Answer 1

Puede utilizar selectionStart y selectionEnd las propiedades de la entrada en la mayoría de los navegadores y algunos desagradable TextRange cosas en IE < 9. Aquí hay un código adaptado de an answer to a similar question.

Demostración: http://jsbin.com/azapuy

Código:

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

Hay un gran complemento liviano para mover el cursor hacia el final del contenido dentro de su elemento. jQuery Caret

Live Demo

Answer 3

El único comportamiento común es la select(), que selecciona el texto de entrada en todos los principales navegadores (no se puede confirmar si funciona en todos los navegadores).