整数のみ入力Javascript

Question

整数を入力できる入力ボックスを作成する方法がわかりません。私は入力のHTMLバージョンを作ったが、私はJavaScript内で同じ入力タイプが必要です。

ここに私の現在のHTML入力

<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

はあなたがtype="number"にtype="text"を変更する必要があります。また、min、max、およびstep属性の値を設定することもできます。

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

あなたはタイプnumberとstep属性のinputを使用することができます。

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

こう入力は整数値のみを取ることができます。