Integer nur Eingabe Javascript

Question

Ich bin unsicher, wie man ein Eingabefeld erstellt, das nur die Eingabe von ganzen Zahlen erlaubt. Ich habe eine HTML-Version der Eingabe gemacht, aber ich brauche den gleichen Eingabe-Typ innerhalb von JavaScript.

Hier ist meine aktuelle HTML-Eingabe

<input type="text" autocomplete="off" ondragstart="return false;" ondrop="return false;" onpaste="return false;" onkeypress="return event.charCode >= 48 && event.charCode <= 57;">Amount</input> 

Answer 1

Sie type="text" zu type="number" ändern sollten. Möglicherweise möchten Sie auch Werte für die Attribute min, max und step festlegen.

var input_element = document.getElementById('input'); 
 
var output_element = document.getElementById('output'); 
 

 
document.getElementById('form').addEventListener('input', function (event) { 
 
    output_element.value = input_element.value; 
 
});

<form id="form"> 
 
    <label for="input">Input:</label> 
 
    <input id="input" type="number" min="0" max="10" step="2" /> 
 

 
    <br /> 
 

 
    Output: <output id="output" for="input"></output> 
 
</form>

Answer 2

können Sie input vom Typ number und step Attribut verwenden:

<input type="number" step="1"> 

Auf diese Weise kann die Eingabe nur ganzzahlige Werte annehmen.