jQuery - Đặt con trỏ vào trường nhập khi liên kết được nhấp

Question

Tôi muốn đặt con trỏ vào trường nhập sau khi nhấp vào liên kết cụ thể. Tôi đang sử dụng nó cho một công cụ tìm kiếm nhỏ.

Hãy tưởng tượng trường nhập: []. Sau đó, một số liên kết thêm chuỗi như: Đan Mạch, Anh, v.v. vào trường nhập.

Bây giờ tôi cần đặt con trỏ như sau: "Đan Mạch, [ở đây]".

Điều này có khả thi không?

* CẬP NHẬT *

Tôi đang sử dụng mã này ngay bây giờ để thay thế các văn bản, làm thế nào bạn thêm "vị trí con trỏ" -trick với điều này?

$('#denmark').click(function(){  
    $('#searchBoxBig').val('Denmark, '); 
}); 

Answer 1

Bạn có thể đặt nơi con trỏ nằm trong hộp nhập với thuộc tính selectionStart và selectionEnd. Nếu bạn không muốn bất kỳ văn bản được chọn, chỉ cần làm cho chúng bằng nhau.

Đây là cách bạn có thể làm điều đó:

var input = $("input"); 
input[0].selectionStart = input[0].selectionEnd = input.val().length; 

Answer 2

$(":input[name=xxxx]").focus(); 

Ah, bạn cần con trỏ là sau khi tất cả các văn bản không? Hãy xem ở đây: jQuery Set Cursor Position in Text Area nó hoạt động tương tự cho một đầu vào thay vì một vùng văn bản.

Điều này cũng hoạt động nếu bạn sử dụng các bộ chọn khác.

Answer 3

có, bắt sự kiện click vào neo ngăn chặn hành động mặc định và tập trung vào lĩnh vực này.

ngữ cảnh chức năng chứa phần tử đã được nhấp để bạn có thể tính toán trường nào để áp dụng cuộc gọi lấy nét.

$(anchorSelector).live("click", function(e) { 
    e.preventDefault(); 

    $(fieldSelector).focus() 

    return false; 
})