jQuery的'.focus（）'表現得不像我所期望的那樣

Question

所以我編寫了一些簡單的PHP「合併標籤」用於表單。我希望他們能夠'可點擊'輸入到文本框中。

我有一些基本的代碼，「工作」。它將合併標籤放入並重新調整框 - 但它會將光標置於您鍵入的任何內容之後，但位於所有合併標籤之前？

如果鍵入：

[Howdy ] 

，並點擊{firstname}，我得到：

[Howdy {firstname}] 

這是偉大的！

但是光標之間的「你好」和{firstname}像這樣：

[Howdy |{firstname}] 

我有一個very simple fiddle set up向人們展示了問題是什麼。我一直在嘗試使用.val()和.focus()一起

Answer 1

設置selectionStart屬性設置爲當前selectionStart之和要添加的字符串的長度。

$("#test").prop('selectionStart', function (_, ss) { 
    return ss + mtag.length; 
});  

http://jsfiddle.net/ExplosionPIlls/GCpvy/1/

Answer 2

jsFiddle Demo

只要調整文本區的selectionStart變量是這樣的：

$('#test')[0].selectionStart = $('#test').val().length;