1

こんにちは私はブログに投稿されるテキストエリアの入力のライブプレビューを設定しています。私は現在これを設定しています

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

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

問題は、プレビューがテキストエリアの入力の1文字後ろにあることです。たとえば、「私のコメント」と書くと、「私のコメン」が表示されます

ご協力いただきありがとうございます！

4

5 に答える 5

11

キーアップイベントとキープレスイベントを使用します。誰かがキーを押したまま繰り返した場合、キーアップだけでは機能しません。

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

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

デモ

于 2012-09-04T20:23:08.247 に答える
3

それ以外のonkeypress="..."

に変更しonkeyupます。これにより、文字が期待どおりに更新されないという問題が修正されます。

したがって、最終的なコードは次のようになります。 

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

このJSFiddleをチェックしてください

于 2012-09-04T20:21:40.003 に答える
0

で変更できますonkeyup or onchange

onkeyup ="document.getElementById('prevCom').innerHTML = this.value"
于 2012-09-04T20:22:26.530 に答える
0

これを試して

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

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

onkeyupの代わりに使用onkeypress

これがデモです

于 2012-09-04T20:20:48.747 に答える
0

onkeyupjavascriptのイベントはあなたがそれを押すとすぐに手紙を受け取ります

于 2012-09-04T20:24:22.387 に答える