如何使用jQuery實時顯示輸入值？

Question

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

這樣當用戶進入裏面的東西「＃NAME」，將其顯示在「#display」

Answer 1

你可以簡單地輸入值設置爲內text或#display元素的html，對keyup事件：

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

Answer 2

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

Answer 3

以前的答案是，當然是正確的。我只想補充一點，你可能要更喜歡使用​​事件，因爲這些變化將更快地出現：

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

Answer 4

的實時看中的解決方案的jQuery> = 1.9

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

，如果你也想檢測 「click」 事件，只是：

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

如果你的jQuery < = 1.4，只是用 「活」，而不是 「上」。