键入字母时，HTML输入编号会将光标移离中心

对于使用

文本对齐：居中设置样式的

字段，它与数字输入完美配合，但如果给定字母数字字符（尽管未显示），则会将光标移到输入字段的左侧

JsFiddle：

如何防止光标停留在中间？
当您仅对数字使用
时，则只能使用javascript进行数字输入。现在光标仍位于中心：


输入[类型=编号]{
宽度：100px；
文本对齐：居中；
}
当您仅对数字使用
时，您只能使用javascript进行数字输入。现在光标仍位于中心：


输入[类型=编号]{
宽度：100px；
文本对齐：居中；
}
如果您正在使用jQuery，或者愿意使用，并且不想在所有数字输入上写入该行，则可以使用以下代码：

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

$（document.body）.on（'keypress'，'input[type='number']），函数（事件）{
return event.charCode>=48&&event.charCode如果您正在使用jQuery，或者愿意使用，并且不想在所有数字输入上写入该行，则可以使用以下代码：

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

$（document.body）.on（'keypress'，'input[type='number']），函数（事件）{
return event.charCode>=48&&event.charCode谢谢。只想提及MDN表示charCode已弃用，并建议改为KeyboardEvent.key。谢谢。只想提及MDN表示charCode已弃用，并建议改为KeyboardEvent.key。