获取ContentEditable中光标的像素位置

Question

我创建了一个contentEditable编辑器，我需要获取光标的像素位置，以便我可以通过它定位菜单。 （当用户键入特殊字符串时，会自动打开一个菜单以显示提示）。

除非我不知道如何获取光标的实际像素位置以定位菜单，否则我将这一切都工作。我能做的最好的事情是获取光标所在的当前节点，但我仍然不知道光标在这个元素的“内”。

↓ I can get the position of this div easily enough
<div>I am typing a message |</div>
                           ↑ But I need the position of the cursor here

修改：我可以确认使用范围like you would in a textarea也适用于ContentEditable。