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 인 경우 "on"대신 "Live"를 사용하십시오.

Answer 3

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

Answer 4

이전 답변은 물론 정확합니다. 나는 당신이 사용하기를 원할 수도 있다고 덧붙일 것입니다. keydown 변경 사항이 더 빨리 나타나기 때문에 이벤트 :

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