如何用jQuery实时显示输入值？

Question

<input type="text" id="name" />
<span id="display"></span>

因此，当用户在<！>“#name <！>”中输入内容时，会在<！>中显示; #display <！>;

Answer 1

您只需将输入值设置为内部 text 或 html 事件/ keyup“rel =”noreferrer“> keyup 事件：

$('#name').keyup(function () {
  $('#display').text($(this).val());
});

Answer 2

jquery <！> gt; = 1.9

的实时奇特解决方案

$("#input-id").on("change keyup paste", function(){
    dosomething();
})

如果您还想检测<！>，请点击<！>“;事件，只是：

$("#input-id").on("change keyup paste click", function(){
    dosomething();
})

如果你的jquery <！> lt; = 1.4，只需使用<！> quot; live <！> quot;而不是<！>引用<！> <。>。

Answer 3

$('#name').keyup(function() {
    $('#display').text($(this).val());
});

Answer 4

以前的答案当然是正确的。我只想补充一点，您可能希望更喜欢使用keydown事件，因为更改会更快出现：

$('#name').keydown(function() {
    $('#display').text($(this).val());
});