jquery - 键入时显示文本

Question

我认为这个很简单，但我找不到任何东西，除了STO 上的一篇帖子。

问题是代码不起作用。我创建了一个小提琴，所以你可以自己看看。

这是小提琴的代码：

$('#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 对象访问。在处理程序内部，this是 DOM 对象，因此您需要将其包装$()以使其成为 jQuery 对象。

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