Erhalten Sie den Wert einer Eingangsnummer in jQuery

Question

Ich bin auf einem Formular arbeiten, und ich möchte den aktuellen Wert eines Eingabefeldes der Typennummer in Echtzeit erhalten, wie diese:

$(":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>

Aber nichts passiert, wenn ich es betreibe. Es besagt, dass der Wert von Münzen null ist. Ich weiß nicht, was ich falsch mache ... Jeder könnte helfen?

Answer 1

Sie die verwenden könnte folgende:

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

Answer 2

Der angezeigte Code funktioniert einwandfrei, wenn der Benutzer Änderungen vornimmt.

Wenn Sie es brauchen, wenn Seite geladen wird ein Trigger nur zum Anzeigen der Ereignisse

$(":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>

Beachten Sie, dass bind() zugunsten der Verwendung ist veraltet on()