我正在尝试在iframe中处理一个可信的正文,以防止浏览器在按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中,它专注于所有内容的开头! (如果偏移= 0)
更新
似乎问题是用br
标签替换换行符的行。如果我删除此行,即使没有警报,它也能完美运行。我需要保留这个br
标签,还有其他方法吗?
答案 0 :(得分:1)
这个question很窄。所以你应该把doc&amp;赢:
var idoc= iframe.contentDocument || iframe.contentWindow.document; // ie compatibility
var iwin= iframe.contentWindow || iframe.contentDocument.defaultView;
... idoc.getSelection() +(''+iwin.getSelection()) //firefox fix