javascript - jQuery 的 '.focus()' 的行为不像我预期的那样

Question

所以我编写了一些简单的 PHP“合并标签”以在表单中使用。我希望它们能够“可点击”以输入到文本框中。

我有一些基本的代码，可以“工作”。它将合并标签放入其中，并重新调整框的焦点 - 但它会将光标放在您键入的任何内容后面，但在所有合并标签前面？

如果我输入:

[Howdy ]

然后点击{firstname}，我得到:

[Howdy {firstname}]

太棒了!

但是光标位于“howdy”和{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/