4

我正在尝试在 iframe 中处理 contenteditable 正文，以防止浏览器在按 Enter 时添加br或p自行div添加。但是在尝试重置焦点时会发生一些奇怪的事情，它只是在处理其余代码之前发出警报（）时才起作用。我认为这是因为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（太长了）

编辑 当我删除魔法警报时，它仍然可以在 Chrome 上运行，但在 FF 中它专注于一切的开始！（就像如果它是偏移量 = 0）

更新

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

4

1 回答 1

1

这个问题 是你的一个狭窄的问题。所以你应该结合 doc & win：

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

... idoc.getSelection() +(''+iwin.getSelection()) //firefox fix
于 2012-07-03T11:26:42.427 回答