Как в режиме реального времени отображать входное значение с помощью 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". </p>

Answer 3

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

Answer 4

Предыдущие ответы, конечно, верны. Я бы только добавил, что вы можете предпочесть использовать событие keydown, потому что изменения появятся раньше:

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