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

Question

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

因此,当用户在"#name"中输入内容时,将在"#display"中显示

Answer 1

您可以在事件上将输入值设置为内部text或html#display元素keyup:

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

Answer 2

jquery> = 1.9的实时奇特解决方案

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

如果您还想检测"点击"事件,只需:

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

如果你的jquery <= 1.4,只需使用"live"而不是"on".

Answer 3

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