Jquery 如何在单击div时将特定位置的文本输入textobox

我有自己的jquery键盘，允许用户在单击每个键时将文本输入文本框。问题是，由于我的当前代码，用户无法在单词中的特定位置写入：

HTML:

现在，例如：如果用户在“Maia”中的字母“i”之前单击以写入字母“r”，则当单击键时，将输入字母，但在单词的末尾

---

有人能告诉我如何使用jquery实现这一点吗？

我成功地使用JavaScripts在输入中查找当前光标位置。
然后，我使用find方法在光标位置插入新文本

$（“div.key”）。单击（函数（e）{
var current_text=$（“#name”）.val（）；
变量游标位置=$（“#名称”）[0]；
var new_text=$（this.text（）；
当前文本=[当前文本.slice（0，光标位置），新文本，当前文本.slice（光标位置）]。连接（“”）；
$（“#名称”）.val（当前文本）；
});

E
R
t
嗯。。。正在做我需要的，但现在正在向后输入文本。例如：如果我写奥斯卡是进入Racso。我遗漏了什么吗？嗯，我没有看到那种行为。
<input type="text" id="id">

<!--Some keys-->
<div id="k-e" class="key key-btn">e</div>
<div id="k-r" class="key key-btn">r</div>
<div id="k-t" class="key key-btn">t</div>

$("div.key").click(function(e){
    var currentName = $("#name").val();
    $("#name").val(currentName + $(this).text());
});