如何确定 textarea 光标相对于 x,y 窗口的位置？答案

【问题标题】：How can i determine the position of textarea cursor relative to the window in x,y?如何确定 textarea 光标相对于 x,y 窗口的位置？
【发布时间】：2011-05-01 00:48:20
【问题描述】：

我正在尝试创建一个仅用于学习的 javascript 代码编辑器，到目前为止我做得很好。唯一的事情是我想将自动完成框放置在相对于 textarea 中的文本光标的位置。那么如何确定光标相对于窗口左上角的位置呢？

请问还有什么，我怎样才能在文本区域中捕获选项卡和输入键？

我正在使用带有底层 div 的半透明文本区域（半透明以保持光标闪烁），以便稍后启用代码突出显示。这是最好的技术吗？或者有办法让 textarea 接受富文本或 HTML 吗？

【问题讨论】：

标签： javascript

【解决方案1】：

我怀疑您可以在没有 textarea 的情况下完成所有这些操作。阅读contentEditable 属性。这是demo. 顺便说一句，这就是 Google 文档编辑器的实现方式。这里是 a stackoverflow question 处理在 contentEditable div 中查找光标位置。

【讨论】：