在javascript中获取x和y坐标中的插入符号位置

Question

我试图在 x 和 y 坐标中找到当前插入符号的位置（闪烁的 |）。有没有人有办法做到这一点？我真的不知道从哪里开始。

我知道这在 javascript 中是可能的，因为它有一个有故障的 jQuery 插件，但我想在没有 jQuery 的情况下这样做。

更具体地说，我有兴趣模仿 Google Instant 将 #1 选择显示为灰色文本的方式。我计划通过检索插入符号位置（如我上面提到的），然后使用绝对定位放置文本来对文本字段和文本区域执行此操作。如果有人有更好的方法，请告诉我。

谢谢！

Answer 1

我会说你最好将整个猜测的字符串（包括到目前为止输入的文本）作为背景标签div，并使输入框透明。

定位输入框和 div 应该是微不足道的。这样，您可以将标签设置为灰色，并且效果相同。

这行得通吗？

编辑：检查谷歌即时做什么。它们有两个相互重叠的输入框，并且猜测填充在后台输入中

Answer 2

您需要注意鼠标移动事件并从移动中获取坐标。