如何将keypress和event.preventDefault（）一起用于限制字符输入？

Question

我无法弄清楚我应该在这个简单的字符限制函数上使用什么事件处理程序。 当我达到最大值时，我无法删除任何字符，因为它似乎被视为keypress事件。 我怎样才能解决这个问题？

var mytext = document.getElementById("mytext");

mytext.addEventListener('keypress', function (evt) {
    if (mytext.value.length >= 8) {
        evt.preventDefault();
    }

});

这是JSFiddle http://jsfiddle.net/j93qU/2/

Answer 1

我只想使用html输入maxlength属性

<input type="text" maxlength="8">

Answer 2

人们开始使用脚本的那一刻，他们忘了做基本的事情！

使用内置的基本maxlength和size属性。

<input type="text" maxlength="8" size="8" />

---

在您的情况下，仅将preventDefault()限制为字符，或允许特殊字符（如Del和Backspace） 。

mytext.addEventListener('keypress', function (evt) {
    if (mytext.value.length >= 8 && (evt.keyCode != 8 || evt.keyCode != 37 || evt.keyCode != 46)) {
        evt.preventDefault();
    }

});

Answer 3

尝试

var mytext = document.getElementById("mytext");

mytext.addEventListener('keypress', function (evt) {
    if (mytext.value.length >= 8 && (evt.keyCode != 8 || evt.keyCode != 37 || evt.keyCode != 46)) {
        evt.preventDefault();
        return false;
    }

});

该event.which财产归event.keyCode和event.charCode 。 建议观看event.which键盘输入键。