JavaScript是一种非常流行的编程语言，它可以在网页中实现许多交互功能。但是，有时我们需要限制输入的内容，比如只允许输入数字。这篇文章将讲解如何在JavaScript中实现这个功能。

首先，我们需要知道如何检查一个字符串是否只包含数字。以下是一个函数，它会返回true如果字符串只包含数字，否则返回false。

function isNumeric(str) {
if (typeof str != "string") return false // 如果不是字符串，返回false
return !isNaN(str) && !isNaN(parseFloat(str))
}

使用这个函数，我们可以在事件处理程序中检查用户输入，如果不是数字，就取消输入。

input.onkeypress = function(event) {
var charCode = event.which || event.keyCode // 兼容不同浏览器的写法
var charTyped = String.fromCharCode(charCode)
if (!isNumeric(charTyped)) {
event.preventDefault() // 取消此次输入
}
}

上面的代码中，我们首先获取用户输入的键码（不同浏览器使用不同的属性），然后将其转化为字符。使用isNumeric函数判断这个字符是否是数字，如果不是，则调用preventDefault方法取消此次输入。

但是，在某些情况下，用户可能通过直接粘贴文本的方式输入，此时我们需要在input事件中对整个文本进行检查。以下是一个实现方式：

input.oninput = function(event) {
var inputValue = event.target.value // 获取用户输入的文本
var numericValue = ""
for (var i = 0; i< inputValue.length; i++) {
if (isNumeric(inputValue[i])) {
numericValue += inputValue[i] // 只添加数字
}
}
event.target.value = numericValue // 更新输入框的值
}

上面的代码中，我们在用户输入完成后获取输入框中的文本，然后遍历每个字符，只保留数字，最后更新输入框的值。这种方法比在keypress事件中检查字符更鲁棒，而且可以处理所有的输入方式。

总结一下，我们可以在JavaScript中使用isNumeric函数判断一个字符串是否只包含数字，使用preventDefault方法取消输入，使用input事件对整个文本进行过滤。这些技巧可以帮助我们只允许用户输入数字，保证输入的正确性。