键入时显示文本

Question

我以为这个很简单，但除了 STO 上的one post here 之外，我找不到任何东西。

问题是代码不起作用。我创建了一个fiddle，以便您自己查看。

这是小提琴的代码：

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

但是，我的 HTML 与示例有点不同：

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

我需要帮助的只是一种在"comment-preview" 容器上显示textarea 上输入的内容的方法。

非常感谢任何指导我的帮助。

Answer 1

将this.val() 更改为$(this).val()

演示： http://jsfiddle.net/FjNzS/1/

.val 是一个 jQuery 函数，可以从 jQuery 对象访问。在处理程序内部，this 是 DOM 对象，因此您需要用 $() 包装它以使其成为 jQuery 对象。

Answer 2

您可以使用$(this).val() 或this.value，但this.val() 不正确。

Answer 3

你也可以用.on()试试这个代码：

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

例如http://jsfiddle.net/FjNzS/2/

Answer 4

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