使用 javascript 文本区域中光标的当前 x,y 坐标

Question

如何使用 javascript 获取文本区域内光标的当前 x 和 y 位置。该事件是 Keyup 事件，而不是鼠标事件。

我不是在字符方面寻找当前光标位置，而是在 x , y 坐标方面。

Answer 1

我能想到的唯一可靠的方法是：

1. 创建一个<span>离屏（绝对位于左侧）
2. 赋予它与输入元素相同的字体特征。
3. 使用输入元素中的文本（但在插入符号之前）连续填充它
4. 使用 javascript 库查找屏幕外跨度的像素宽度
5. 使用它来确定插入符相对于输入元素左侧的位置。

试一试，我很想听听结果如何。