JQuery ile gerçek zamanlı giriş değeri nasıl görüntülenir?

Question

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

Yani kullanıcı "#AD" içinde bir şey girdiğinizde, "#display" keyup üzerinde Sadece iç text veya #display elemanın html giriş değerini ayarlayabilirsiniz

Answer 1

, bunu göstereceğine olay:

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

Answer 2

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

Answer 3

önceki cevaplar elbette doğru vardır.

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

Answer 4

Bir gerçek zamanlı fantezi çözüm için jquery> = 1,9

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

ayrıca isterseniz: Sadece değişikliklerin er görünür, çünkü keydown olay kullanmayı tercih isteyebilirsiniz eklersiniz algılamak sadece olayı "tıklama":

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

< sizin jquery eğer = 1.4, sadece kullanmak yerine "açık" bir "canlı".