javascript - JQuery 取消输入的文本

Question

当输入 <input type="text"> 时我想在每个输入的值出现在屏幕上之前预先检查它。例如。如果用户输入任何非数字值，则不会发生任何事情，只有当他输入数字值时，该字段才会发生变化。

使用哪个事件是正确的 keydown() , keyup()或者有更好的东西吗？如何取消文本字段的当前更改而不必记住旧值并手动重置它？

Answer 1

您可以绑定(bind)到 keypress 事件，然后检查事件对象的 which 属性表示的字符。如果它不是数字，您可以使用 preventDefault 来阻止将字符写入元素的默认行为:

$("#someInput").keypress(function(e) {
    if(isNaN(String.fromCharCode(e.which))) {
        e.preventDefault();
    }
});

这是一个 working example .