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

How do I change text on a page actively with a textbox?

本文关键字：文本 何使用      更新时间：2023-12-31

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

我有一个文本框：

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

我还有一段话：

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

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

提前谢谢。

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

尽管如此，在发布问题之前，请先尝试谷歌，例如"jquery事件密钥"。

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

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

$("#text").keyup(function() {
    $("#para").html($(this).val());
});
相关文章：