javascript：firefox中的范围选择问题

Question

我正面临着一个问题firefox。

我正在尝试使用以下代码在内容可编辑div中插入'br'标记。

此代码取自Insert html at caret in a contenteditable div

function pasteHtmlAtCaret(html) {
var sel, range;
if (window.getSelection) {
    // IE9 and non-IE
    sel = window.getSelection();
    if (sel.getRangeAt && sel.rangeCount) {
        range = sel.getRangeAt(0);
        range.deleteContents();

        // Range.createContextualFragment() would be useful here but is
        // non-standard and not supported in all browsers (IE9, for one)
        var el = document.createElement("div");
        el.innerHTML = html;
        var frag = document.createDocumentFragment(), node, lastNode;
        while ( (node = el.firstChild) ) {
            lastNode = frag.appendChild(node);
        }
        range.insertNode(frag);

        // Preserve the selection
        if (lastNode) {
            range = range.cloneRange();
            range.setStartAfter(lastNode);
            range.collapse(true);
            sel.removeAllRanges();
            sel.addRange(range);
        }
    }
} else if (document.selection && document.selection.type != "Control") {
    // IE < 9
    document.selection.createRange().pasteHTML(html);
   }
}

除了firefox之外，所有浏览器中的选择都可以正常工作。

在firefox中，插入符号位于当前行的开头而不是下一行。 但是当我开始输入时，字符会按预期插入下一行。

这里需要做什么才能将插入符号放在下一行的开头？

为了快速验证，您可以使用此jsfiddle http://jsfiddle.net/jwvha/378/ 你可以尝试插入'br'标签，你会看到我在firefox中引用的问题。