得到一個輸入數字的值jQuery中

Question

我正在一個形式，我想實時獲得的型號輸入字段的當前值，因爲這一個：

$(":input").bind('keyup mouseup', function() { 
 
    var coins = $("#coins").val(); 
 
    $("#reward").text(coins); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input id="coins" type="number" name="coins" value="1" max="999" min="1"> 
 

 
<p id="potential">Potential reward : <b id="reward"></b></p>

但是當我運行它時沒有任何事情發生。它說硬幣的價值爲零。我不知道我在做什麼錯... 任何人都可以幫忙嗎？

Answer 1

你可以使用的一個以下：

$(document).on('input', '#coin', function(){ 
    var coins = $("#coins").val(); 
    $("#reward").text(coins); 
}) 

Answer 2

顯示的代碼在用戶進行編輯時工作正常。

如果你需要它時顯示的頁面加載只是觸發事件

$(":input").on('keyup mouseup', function() { 
 
    var coins = $("#coins").val(); 
 
    $("#reward").text(coins); 
 
}).trigger('mouseup');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input id="coins" type="number" name="coins" value="1" max="999" min="1"> 
 

 
<p id="potential">Potential reward : <b id="reward"></b></p>

注意bind()是贊成不贊成使用on()