鍵入字段，並使用jQuery/JS在頁面上顯示此值較低

Question

我有一個簡單的任務，我失敗了。

我想借此領域：

<input id="amount" name="amount" value="{$formRefill.amount}" class="textInput auto required validateNumber" type="text"> 

而且一旦用戶在那裏輸入一個值（即950.50），以及他們點擊文本字段（重點別的地方）之外，jQuery的需要這一領域並將其顯示在頁面上的其他位置。

我正在嘗試在頁面下方的DIV內部執行此操作。

謝謝。

Answer 1

可以使用blur()或change()事件。如果您希望該值僅在已更改時才進行復制，則使用更改;如果您希望複製該值，則不管模糊。

$('#myText').blur(function() { 
    $('#myDiv').text($(this).val()); 
}); 

http://jsfiddle.net/AAyyq/

Answer 2

您需要使用change事件輸入字段：

$('#amount').change(function() { 
    $('#mydivid').text($(this).val()); 
}); 

代碼：http://jsfiddle.net/yg9gF/2/

Answer 3

你應該使用keyup將更新上輸入每個char股利。

$('#amount').on('keyup',function() { 
    $('#mydiv').text($(this).val()); 
}); 

小提琴：http://jsfiddle.net/yg9gF/11/