如何在包含br，img和#text的内容可编辑div中获取插入符号的位置？

Question

在我的内容可编辑div中，结构就像

div
   <br>
   <img>
   Hello world
   <br>
   <br>
   <br>
   Hello again
   ...

我希望获得插入符号的当前x，y坐标。

我尝试使用

var currentSelection = window.getSelection();
var currentRange     = currentSelection.getRangeAt(0);
var insertContainer  = currentRange.startContainer;

并查看

insertContainer.offsetTop

但它对#text和br节点不起作用，因为insertContainer只是父div。

有人可以帮忙吗？