Javascript 保存所选内容供以后在JS中使用
我有一个iframe中的富文本编辑器，它具有设计模式，可以对小文本块进行语法高亮显示。我希望它能在keyup上更新高亮显示，但是弄乱DOM会导致帧模糊，因此每次你按下一个键时插入符号就会消失，你就不能再键入了。如果解析器能够记住插入符号的位置，然后重新聚焦iframe并替换插入符号，那么这就不会是问题。我已经阅读了Javascript 保存所选内容供以后在JS中使用,javascript,html,selection,textselection,getselection,Javascript,Html,Selection,Textselection,Getselection,我有一个iframe中的富文本编辑器，它具有设计模式，可以对小文本块进行语法高亮显示。我希望它能在keyup上更新高亮显示，但是弄乱DOM会导致帧模糊，因此每次你按下一个键时插入符号就会消失，你就不能再键入了。如果解析器能够记住插入符号的位置，然后重新聚焦iframe并替换插入符号，那么这就不会是问题。我已经阅读了getSelection（）及其相关内容，但显然onkeyup删除了选择，至少在Chrome中是这样的-在onkeyup中调用getSelection（）总是产生空选择。有办法解决这个
getSelection（）getSelection（）<iframe>
<html>
<head>
<script>
function parse() {
if(window.getSelection().type != 'None') {
var range = window.getSelection().getRangeAt(0);
}
var text = document.body.textContent;
//Parse text, output is stored in newtext
document.body.innerHTML = newtext;
document.body.focus();
if(range) {
window.getSelection().removeAllRanges();
window.getSelection().addRange(range);
}
}
</script>
</head>
<body onload="document.designMode = 'on'; document.onkeyup = parse;">
Text entered appears here
</body>
</html>
</iframe>
函数解析（）{
if（window.getSelection（）.type！=“无”）{
var range=window.getSelection（）.getRangeAt（0）；
}
var text=document.body.textContent；
//解析文本，输出存储在newtext中
document.body.innerHTML=newtext；
document.body.focus（）；
如果（范围）{
getSelection（）.removeAllRanges（）；
window.getSelection（）.addRange（范围）；
}
}
此处显示输入的文本
addRange（wind.range）