Come visualizzare in tempo reale il valore di input con jQuery?

Question

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

In modo che quando l'utente entra qualcosa dentro "# nome", mostrerà in "#Display"

Answer 1

Si potrebbe semplicemente impostare il valore di ingresso al interno text o html dell'elemento #Display, sulla keyup evento:

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

Answer 2

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

Answer 3

Le risposte precedenti sono, naturalmente, corretto. Vorrei solo aggiungere che si può decidere di scegliere di utilizzare l'evento keydown perché i cambiamenti appariranno presto:

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

Answer 4

Un tempo reale soluzione di fantasia per jQuery> = 1,9

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

se anche voi volete rilevare "click" evento, basta:

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

se il jquery < = 1.4, basta usare "live" al posto di "on".