获取光标在选择中的位置 - 相对于文档

Jib*_*ham 2 javascript caret

样品

这是可编辑 div 中的一些文本.这可以跨越多行,段落等等.我想要做的是在这里找到插入符号的相对位置.意思是,相对于div或文档,插入符号位于{top:'5px',left:'250px'}.

我们的想法是提供可选的下拉菜单.这可能是直接的,还是我必须根据div line-height, padding,.. + caret position等方式制定解决方案?

tec*_*bar 5

从rangy查看此演示.也许只是你在找什么:

http://rangy.googlecode.com/svn/trunk/demos/position.html

如果您查看代码,您将能够看到:

var startPos = rangy.getSelection().getStartDocumentPos(); // get x, y of selection/cursor
Run Code Online (Sandbox Code Playgroud)

然后你可以使用startPos.xstartPos.y