更新TextBox2中文字打字時textBox1的

Question

文本我有兩個文本框（像貨幣轉換器）

我想，而我在TextBox1中鍵入我應該使用jQuery的功能更新TextBox2中？

CREDIT: <input type="text" id="credit"/> 

USD: <input type="text" id="usd"/> 

的Jquery：

$("#credit").change(function() { 
      $("#usd").val((parseInt($("#credit").val(), 10) * 2)); 
    }); 

http://jsfiddle.net/9ysC3/

眼下美元VAL在失去重心的更新。

當我輸入信用文本框時，可以使用什麼函數更新USD val？

Answer 1

您不應該使用「更改」事件，而是使用「輸入」事件來確定內容是否已更改。

$("#credit").on('input', function() { 
     $("#usd").val((parseInt($(this).val(), 10) * 2)); 
}); 

Answer 2

使用：http://jsfiddle.net/9ysC3/2/

$("#credit").keypress(function() { 
$("#usd").val((parseInt($("#credit").val(), 10) * 2)); 
}); 

在keyup一樣有效。

Answer 3

的input事件比change事件更加包容/響應：

$("#credit").on('input', function() { 
    $("#usd").val(+this.value * 2); 
}); 

WORKING JSFIDDLE DEMO

您也可以調整你的標記，以便它可以做一些驗證：

CREDIT: 
<input type="number" id="credit" /> 
<br/>USD: 
<input type="number" id="usd" readonly="readonly" /> 

Answer 4

正如在aa333的答案中所寫的，但用keyup替換keypress以使更新更加敏感：

$("#credit").keypress(function() { 
    $("#usd").val((parseInt($("#credit").val(), 10) * 2)); 
});