jquery - 入力中にテキストを表示する

Question

問題は、コードが機能しないことです。自分で見ることができるようにフィドルを作成しました。

フィドルからのコードは次のとおりです。

$('#someTextBox').keyup(function() {
    $('#target').html(this.val());
});

ただし、私のHTMLは例とは少し異なります。

<textarea name="comment-box" id="comment-box" class="required"></textarea>
...
<p id="comment-preview"></p>

ヘルプが必要なのはtextarea、"comment-preview"コンテナに入力されている内容を表示する方法だけです。

これについて私を導く助けがあれば大歓迎です。

score 17 · Accepted Answer

this.val()に変更$(this).val()

デモ：http： //jsfiddle.net/FjNzS/1/

.valはjQuery関数であり、jQueryオブジェクトからアクセスできます。ハンドラーの中にはDOMオブジェクトがあるので、それをjQueryオブジェクトにするためthisにラップする必要があります。$()

score 5 · Accepted Answer

5

$(this).val()またはを使用できますがthis.value、this.val()正しくありません。

于 2012-11-05T20:18:26.760 に答える

score 2 · Accepted Answer

このコードを次のように試すこともできます.on()：

$('#someTextBox').on('keyup', function(){
    $('#target').html($(this).val());
});

score 1 · Accepted Answer

1

$("#comment-box").keyup(function() {
    $("#comment-preview").text($(this).val());
});

于 2012-11-05T20:20:18.807 に答える

4 に答える 4