jQuery .focus() hoạt động khác nhau trong mỗi trình duyệt. Làm thế nào để ngăn chặn điều đó?

Question

Khi tôi cố gắng làm .focus() Tôi mong muốn đặt trọng tâm vào phần tử đầu vào và để xem con trỏ sau ký tự cuối cùng của giá trị. Và tôi thấy nó trong IE.

Trong đầu vào safari/chrome được lấy nét và tất cả văn bản được chọn. Trong đầu vào firefox/opera được lấy nét, nhưng con trỏ đang ở đầu.

Tôi có thể làm gì để ngăn chặn điều đó và có được hành vi chính xác cho tất cả các trình duyệt?

Ví dụ ở đây: http://jsbin.com/ozojol/edit#javascript,html

PS. Phương pháp focus().val('').val(value) không hoạt động trong IE ... Các giải pháp khác tồn tại?

Answer 1

Bạn có thể sử dụng của đầu vào selectionStart và selectionEnd tính trong hầu hết các trình duyệt và một số TextRange thứ khó chịu trong IE < 9. Dưới đây là một số mã chuyển thể từ an answer to a similar question.

Demo: http://jsbin.com/azapuy

Code:

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ó một plugin nhẹ tuyệt vời để di chuyển dấu mũ đến cuối nội dung trong phần tử của bạn. jQuery Caret

Live Demo

Answer 3

Các hành vi phổ biến chỉ là select(), mà chọn nhập văn bản trong tất cả các trình duyệt chính (không thể xác nhận nếu nó hoạt động trong tất cả các trình duyệt).