jQueryでリアルタイム入力値を表示する方法は？

Question

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

ので、ユーザが「#NAME」の内側に何かを入力すると、「#display」keyup上のあなたは、単にインナーtextまたは#display要素のhtmlに入力値を設定することができ

Answer 1

、それを示すことイベント：

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

Answer 2

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

Answer 3

以前の答えは、もちろん、正しいです。私は唯一の変更がすぐに表示されますので、あなたが​​イベントを使用することを好むしたいことを追加します。jqueryのための

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

Answer 4

リアルタイム空想ソリューション> = 1.9

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

をあなたもしたい場合はだけではなく、 "上" の "ライブ" を使用し、

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

<あなたのjqueryの場合= 1.4：ちょうど、イベントを "クリック" を検出。