Javascript - 仅当我执行 alert() 时才有效

Question

我正在尝试在 iframe 中处理 contenteditable 正文，以防止浏览器在按 Enter 时自行添加 br、p 或 div。但是在尝试重置焦点时会发生一些奇怪的事情，并且它只是在处理其余代码之前发出 alert() 时才起作用。我认为这是因为javascript需要一些时间来进行操作，但是必须有一种方法可以在不“休眠”脚本的情况下进行操作...

在这里我粘贴了我的代码（使用 Jquery），只有使用“魔法警报”才能完美运行：

//PREVENT DEFAULT STUFF
var iframewindow=document.getElementById('rte').contentWindow;
var input = iframewindow.document.body;

$( input ).keypress( function ( e ) {
var sel, node, offset, text, textBefore, textAfter, range;
// the Selection object
sel = iframewindow.getSelection();
alert(sel); //MAGIC ALERT

// the node that contains the caret
node = sel.anchorNode;
alert(node); //MAGIC ALERT

// if ENTER was pressed while the caret was inside the input field
if ( node.parentNode === input && e.keyCode === 13 ) {
    // prevent the browsers from inserting <div>, <p>, or <br> on their own
    e.preventDefault();

    // the caret position inside the node
    offset = sel.anchorOffset;   

    // insert a '\n' character at that position
    text = node.textContent;
    textBefore = text.slice( 0, offset );
    textAfter = text.slice( offset ) || ' ';
    node.textContent = textBefore + '\n' + textAfter;
SEEREF=SEEREF.replace(/\n/g, "<br>");
// position the caret after that newBR character
range = iframewindow.document.createRange();
range.setStart( node, offset + 4 );
range.setEnd( node, offset + 4 );

// update the selection
sel.removeAllRanges();
sel.addRange( range );
}
});

SEEREF = framewindow.document.body.innerHTML（太长了）

编辑 当我删除 Magic Alerts 时，它仍然适用于 Chrome，但在 FF 中，它专注于一切的开始！ （就像它是 offset=0 一样）

更新

似乎问题是用br 标签替换换行符的行。如果我删除此行，即使没有警报，它也能正常工作。我需要保留这个br标签，还有其他方法吗？

Answer 1

这个question 是你的一个。所以你应该结合 doc & win：

var idoc= iframe.contentDocument || iframe.contentWindow.document; // ie compatibility
var iwin= iframe.contentWindow || iframe.contentDocument.defaultView;

... idoc.getSelection() +(''+iwin.getSelection()) //firefox fix