使用javascript html实时预览textarea输入

Question

嗨,我正在设置textarea输入的实时预览,该预览将发布到博客.我目前有这个设置

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

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

问题是预览是textarea输入后面的一个字符.例如,如果我写"我的评论",我会看到"我的评论"

谢谢你的帮助!

Answer 1

使用keyup和keypress事件,如果有人按下一个键并重复键,单独的keyup将无法工作.

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

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

DEMO