當輸入字母時，HTML輸入號碼將光標偏離中心

Question

使用text-align: center樣式的<input type="number">字段與數值輸入完美配合，但如果給定字母數字字符，則會將光標移動到輸入字段的左側（雖然它是沒有顯示）。

的jsfiddle：http://jsfiddle.net/jbe55o0g/

這可怎麼防止這種光標停留在中心？

Answer 1

當您僅對數字使用<input type="number">時，則只允許使用javascript進行數字輸入。現在光標停留在中心：

input[type=number]{ 
 
    width: 100px; 
 
    text-align:center; 
 
}

<input type="number" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>

Answer 2

如果您正在使用jQuery，還是願意使用，並且不希望被書面方式在所有數字輸入，行，你可以使用下面的代碼：

$(document.body).on('keypress',"input[type='number']", function(event){ 
    return event.charCode >= 48 && event.charCode <= 57; 
}) 

這將使同樣的效果，添加onkeypress事件屬性，修復您遇到的問題中心。