如何使用文本框主动更改页面上的文本？

Question

很抱歉，如果之前有人问这个问题，我已经尝试过搜索，但我不确定如何准确地搜索我的搜索。

我有一个文本框：

<input type="text" id="text"></input>

我还有一段：

<p id="para"></p>

我想要实现的是段落中的文本更改为用户在文本框中键入内容，使用jQuery完成。

提前致谢。

Answer 1

<script type="text/javascript">
    $('#text').keyup(function() {
         $('#para').html($('#text').val());
    });
</script>

很简单，请在发布问题之前尝试使用Google，例如“jquery event keys”。

编辑：keypress没有返回最后一个字符，正如其他一些答案所指出的那样。已更改为keyup。 JSFiddle：http://jsfiddle.net/H3kDN/

Answer 2

Keypress不起作用，因为它为您提供没有最后按下字符的文本。

$("#text").keyup(function() {

    $("#para").html($(this).val());

});