从文本编辑器中捕获文本，并将它们放在div中。
提问于 2015-07-22 15:51:48
在这里，我要做的是抓取我在内容可编辑的div上写的文本，并将它放在另一个div中(就像堆栈溢出一样).Here，我正面临一个恼人的问题。
1.我的内容div落后于behind.Means --我在编辑器上写的东西--内容div中少了一个字符。
2.当我按下向后空格删除某些字符时，也会发生同样的情况，我必须按上两次空格(即从文本编辑器中删除两个字符)，才能从内容div中删除单个字符。
我希望编辑器和内容div并行不悖，side.That意味着无论我从编辑器中写什么或删除什么，对于内容div来说都是一样的。
我怎么能这么做？
var editor=document.getElementById('editor');
var content=document.getElementById('content');
editor.addEventListener('keypress',function(e){
content.innerHTML=editor.innerHTML;
}); #editor{
position:relative;
width:500px;
height:400px;
border:1px solid black;
word-wrap: break-word;
padding-left:4px;
padding-right:4px;
padding-bottom:1em;
box-sizing:border-box;
overflow:scroll;
}
#content{
position:relative;
width:500px;
height:400px;
border:1px solid black;
word-wrap: break-word;
padding-left:4px;
padding-right:4px;
padding-bottom:1em;
box-sizing:border-box;
overflow:scroll;
}<div id='editor' contenteditable='true' ></div>
<div id='content'></div>
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-07-22 15:58:17
如何使用input事件，它甚至可以在上下文菜单上使用copy和paste。
var editor=document.getElementById('editor');
var content=document.getElementById('content');
editor.addEventListener('input',function(e){
content.innerHTML=editor.innerHTML;
});Stack Overflow用户
发布于 2015-07-22 15:56:03
与键键绑定不同，甚至可以绑定一个keyup事件。按键一旦按下键就会被触发，但是最新的修改只会在按键之后。
var editor=document.getElementById('editor');
var content=document.getElementById('content');
editor.addEventListener('keyup',function(e){
content.innerHTML=editor.innerHTML;
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31575931
复制
腾讯云开发者
