使用onchange（）和onkeypress（）一起使用的問題

Question

我有一個輸入需要是數字數字，並且需要在值更改時更新標籤。

<input id="shares" name="shares" type="text" maxlength="3" onchange="game_board.update_shares(this);this.oldvalue = this.value;" onkeypress="return game_board.isNumberKey(event)"> 

需要onkeypress函數來確保用戶只能輸入數字，onchange會用新信息更新我的標籤。

onkeypress函數工作得很好，我只能輸入數字。但是，onchange函數什麼都不做。

驗證功能：

this.isNumberKey = function(evt){ 
var charCode = (evt.which) ? evt.which : event.keyCode; 
if (charCode != 46 && charCode > 31 
    && (charCode < 48 || charCode > 57)){ 
    return false; 
    } 

return true;}; 

更新功能：

this.update_shares = function(o){ 
alert("test"); 
$(".dollar_amount").html("$" + "value" + ".00");}; 

Answer 1

由於您使用jQuery，你還不如用jQuery的事件處理程序，以及：

HTML

<input id="shares" name="shares" type="text" maxlength="3" /> 
<div class="dollar_amount"></div> 

JS

$("#shares").on("keydown", function (evt) { 
    var charCode = (evt.which) ? evt.which : event.keyCode; 
    if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57)) { 
     return false; 
    } 
    return true; 
}); 

$("#shares").on("change", function() { 
    var o = $(this).val(); 
    $(".dollar_amount").html("$" + o + ".00"); 
}); 

工作例如：http://jsfiddle.net/charlescarver/e43pE/1/

這是否滿足您的需求？或者你需要保持this.update_shares = function(o)？

Answer 2

因此，你想要的是隨着值的變化更新標籤。如果我是你，我會在按鍵事件上做。我的意思是，類似於：

this.isNumberKey = function(evt){ 
    var charCode = (evt.which) ? evt.which : event.keyCode; 
    if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57)){ 
     return false; 
    } 
    $(".dollar_amount").html("$" + "value" + ".00");}; 
    return true; 
};