javascript - 使用javascript html实时预览textarea输入

嗨，我正在设置一个文本区域的输入的实时预览，它将被发布到博客上。我现在有这个设置

<textarea name="WPcomment" id="WPComment" placeholder="Add comments:" onkeypress="document.getElementById('prevCom').innerHTML = this.value"></textarea>

<div id="prevCom"></div>

问题是预览是文本区域输入后面的一个字符。例如，如果我写“我的评论”，我会看到“我的推荐”
谢谢你的帮助！

最佳答案

使用键键和键键事件，键键独自操作，如果有人把键放下并重复键。

var wpcomment = document.getElementById('WPComment');

wpcomment.onkeyup = wpcomment.onkeypress = function(){
    document.getElementById('prevCom').innerHTML = this.value;
}​

DEMO