Javascript 内容可编辑插入符号值不正确

我想知道contenteditable div中插入符号的像素位置，我正在使用：

window.getSelection().getRangeAt(0).getBoundingClientRect();

除了插入符号在每行的第一个字符之前（第一行除外），所有操作都正常，结果与插入符号在前一行的最后一个字符之后相同。使用断开线没有问题，问题发生在具有多条线的节点中。

---

JSFiddle上的示例：

Fiddle中没有任何内容对不起，我不明白，请简要说明。例如，如果我单击第二行，结果是18（在chrome中），但如果我在第一个字符之前单击第二行，结果是0，我希望是18。我怎么能通过点击获得18分？