在 javascript 中输入光标位置鼠标悬停
Input cursor position mouseover in javascript
我有一个文本框，其中输入了一些文本。
此外，我还有一个可拖动的 div，我可以将其拖放到我的文本框上。
此 div 的内容在放置时作为文本插入文本框（附加到末尾）。
现在我希望能够在文本框中操纵光标，使其跟随鼠标位置，并且文本准确地插入到放置的位置。
我已经有了鼠标 x 和 y，我知道如何操作插入符号，但我不知道如何将这两者结合起来...
提前感谢您的任何建议
因为只有 img 和 a 标签可以正常拖放，所以我决定使用它们。通过正常工作，我的意思是当项目（a 或 img）被拖动到输入文本上时，它迫使光标（插入符号）沿着被拖动的项目移动，并且内容被放置在文本中的那个确切位置。
这不适用于 div 所以我所做的是将我的项目创建为带有空 href 的 <a> 标签，然后我在 ondragstart 事件中切换 event.dataTransfer 内容，这样被删除的不是 url（默认情况下会发生），而是我的自定义文本。
我使用敲除绑定做到了：
<a class="measure-draggable" data-bind="html: title(), event: {'dragstart':$parent.setTransferProperties}" draggable="true"></a>
在 viewModel (coffeescript) 的幕后：
setTransferProperties: (sender, evt) ->
evt.originalEvent.dataTransfer.setData("text/plain", "{{" + sender.title() + "}}")
true
这样就可以了
这是工作 fiddle：https://jsfiddle.net/foqb7b95/
我有一个文本框，其中输入了一些文本。 此外，我还有一个可拖动的 div，我可以将其拖放到我的文本框上。 此 div 的内容在放置时作为文本插入文本框（附加到末尾）。
现在我希望能够在文本框中操纵光标，使其跟随鼠标位置，并且文本准确地插入到放置的位置。
我已经有了鼠标 x 和 y，我知道如何操作插入符号，但我不知道如何将这两者结合起来...
提前感谢您的任何建议
因为只有 img 和 a 标签可以正常拖放，所以我决定使用它们。通过正常工作，我的意思是当项目（a 或 img）被拖动到输入文本上时，它迫使光标（插入符号）沿着被拖动的项目移动，并且内容被放置在文本中的那个确切位置。
这不适用于 div 所以我所做的是将我的项目创建为带有空 href 的 <a> 标签，然后我在 ondragstart 事件中切换 event.dataTransfer 内容，这样被删除的不是 url（默认情况下会发生），而是我的自定义文本。
我使用敲除绑定做到了：
<a class="measure-draggable" data-bind="html: title(), event: {'dragstart':$parent.setTransferProperties}" draggable="true"></a>
在 viewModel (coffeescript) 的幕后：
setTransferProperties: (sender, evt) ->
evt.originalEvent.dataTransfer.setData("text/plain", "{{" + sender.title() + "}}")
true
这样就可以了
这是工作 fiddle：https://jsfiddle.net/foqb7b95/