javascript - テキストエリアプレビュー Div

Question

div に自動的に表示される textarea プレビュー (stackoverflow など) のスクリプトを作成しようとしています。スクリプトを作成しましたが、機能していないようです。HTML と JavaScript のスクリプトを手伝ってくれる人がいれば、私はとても助かります。

動作していないように見えるスクリプト: http://jsbin.com/ufeqoj

score 2 · Accepted Answer

あなたの質問は曖昧ですが、おそらくいくつかの指針が役立つでしょう。

divユーザーが文字を入力するたびに、ターゲットを更新する必要があります。これはonkeyupハンドラーです（またはonkeydown、目的のUXによっては、おそらく前者）。
ユーザーがテキスト領域に入力したHTMLを保持しますか？その場合innerHTMLは、ターゲットのプロパティを更新する必要がありますdiv。テキストだけを更新する場合は、プロパティを変更しinnerTextます。

jQueryを使用した簡単で汚い例：

$("textarea#my_input").bind('keyup', function() {
    $("div#target").text($(this).val());
}

要求に応じて、バニラJavaScriptでは：

document.getElementById("my_input").onkeyup = function() {
    document.getElementById("target").innerText = this.value;
}

score 0 · Accepted Answer

textarea下に入力したものを表示したい場合div。

関数で作業できJquery .keypress()ます。

これは単なる開始点です。要件に合わせて変更できます。

javascript - テキストエリア プレビュー Div