在javascript中输入光标位置鼠标悬停

我有一个文本框，输入了一些文本。 此外，我有一个可拖动的div，可以拖放到我的文本框中。 删除时，此div的内容将作为文本插入文本框（追加到末尾）

现在，我希望能够在文本框中操纵光标，使其跟随鼠标位置，并将文本准确插入其放置的位置

我已经有了鼠标x和y，我知道如何操纵插入符号，但我不知道如何将这两者结合起来

---

提前感谢您的建议，因为只有img和a标签可以正常拖放，所以我决定使用它们。通过正确工作，我的意思是，当项目（a或img）拖到输入文本上时，它强制光标（插入符号）与拖到的项目一起移动，内容被拖到文本中的确切位置

---

这不适用于div，所以我所做的是创建我的项目，因为

看起来这应该是内置在浏览器中的本机方式？看起来是这样的，因为当我选择一些文本并将其拖放到包含一些文本的文本框（输入）上时，插入符号的行为与我的自定义拖放方式完全相同。我想知道是否有可能通过编程来实现这一点。这同样适用于或m，但不适用于div。我很想看到这段代码在运行，罗伯特！你能把这个塞进笔/小提琴里吗？
<a class="measure-draggable" data-bind="html: title(), event: {'dragstart':$parent.setTransferProperties}" draggable="true"></a>

setTransferProperties: (sender, evt) ->
    evt.originalEvent.dataTransfer.setData("text/plain", "{{" + sender.title() + "}}")
    true