Подтвердить что ты не робот

Как ввести значение времени отображения в реальном времени с помощью jQuery?

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

Итак, когда пользователь вводит что-то внутри "#name", отобразит его в "#display"

4b9b3361

Ответ 1

Вы можете просто установить входное значение для внутреннего text или html элемента #display, в keyup событие:

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

Ответ 2

Приятное решение в режиме реального времени для jquery >= 1.9

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

если вы также хотите обнаружить событие "click", просто:

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

если ваш jquery <= 1.4, просто используйте "live" вместо "on".

Ответ 3

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

Ответ 4

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

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