如果输入不是有效数字，则使用<input type=number>将导致this.value事件侦听器内部返回空字符串。你可以在http://jsfiddle.net/fSy53/看到一个例子
但是，无效字符仍然显示在输入中。
有没有办法从事件侦听器中获取实际显示的值，包括无效字符？
我的最终目标是防止用户在字段中实际输入任何非数字字符。我需要使用，type=number以便移动设备使用数字虚拟键盘。我的目标是做这样的事情this.value = this.value.replace(/[^0-9.]/g, "")上keyup keypress，但这并不因为如果无效字符键入工作，从阅读this.value的回报""。
如果您不喜欢传入的键值，请尝试阻止默认行为：
document.querySelector("input").addEventListener("keypress", function (evt) {
if (evt.which < 48 || evt.which > 57)
{
evt.preventDefault();
}
});
您可以通过防止非数字值发生 keyPress 事件来实现此目的
例如（使用 jQuery）
$('.input-selector').on('keypress', function(e){
return e.metaKey || // cmd/ctrl
e.which <= 0 || // arrow keys
e.which == 8 || // delete key
/[0-9]/.test(String.fromCharCode(e.which)); // numbers
})
这说明了所有不同类型的输入（例如，从数字键盘输入的代码与键盘的代码不同）以及退格键、箭头键、control/cmd + r 重新加载等
请注意e.which、e.keyCode和e.charCode已弃用：https : //developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which
我更喜欢e.key：
document.querySelector("input").addEventListener("keypress", function (e) {
var allowedChars = '0123456789.';
function contains(stringValue, charValue) {
return stringValue.indexOf(charValue) > -1;
}
var invalidKey = e.key.length === 1 && !contains(allowedChars, e.key)
|| e.key === '.' && contains(e.target.value, '.');
invalidKey && e.preventDefault();});
该函数不与在Firefox（控制码干扰Backspace，Tab通过检查字符串长度，等等）： e.key.length === 1。
它还可以防止在开头和数字之间出现重复的点： e.key === '.' && contains(e.target.value, '.')
不幸的是，它并不能阻止最后出现多个点： 234....
似乎没有办法应对。
其他答案似乎比必要的更复杂，因此我将他们的答案调整为这个简短而甜蜜的功能。
function allowOnlyNumbers(event) {
if (event.key.length === 1 && /\D/.test(event.key)) {
event.preventDefault();
}
}
它不会改变任何箭头、回车、移位、ctrl 或 tab 键的行为，因为这些事件的键属性的长度比单个字符长。它还使用简单的正则表达式来查找任何非数字字符。
inputs[5].addEventListener('keydown', enterNumbers);
function enterNumbers(event) {
if ((event.code == 'ArrowLeft') || (event.code == 'ArrowRight') ||
(event.code == 'ArrowUp') || (event.code == 'ArrowDown') ||
(event.code == 'Delete') || (event.code == 'Backspace')) {
return;
} else if (event.key.search(/\d/) == -1) {
event.preventDefault();
}
}
在这种情况下，按下非数字按钮时输入字段的值保持不变，并且仍然删除，退格，箭头上下左右工作正常，可用于修改数字输入。