javascript - 检查字段长度作为用户类型

Question

我在网上看到过这种功能，但我不太确定如何搜索它，一个很好的例子是发送一条短信，它会在您输入时说:

132/160 - 132 计数器会增加，直到达到限制。

我的问题是是否可以单独使用 javascript，而不使用 jQuery 库？但是，如果我必须使用 jQuery，我会的，也许是一个很好的教程的指向，或者它可能比那更简单，甚至可以搜索一些术语，谢谢。

Answer 1

在支持的情况下(所有现代浏览器，IE 9 及更高版本)使用 oninput 事件，并为旧版 Internet Explorer 使用 onpropertychange:

var myInput = document.getElementById("myInput");
if ("onpropertychange" in myInput && !("oninput" in myInput)) {
    myInput.onpropertychange = function () { 
        if (event.propertyName == "value")
            inputChanged.call(this, event);
    }
}
else
    myInput.oninput = inputChanged;

function inputChanged () {
    // Check the length here, e.g. this.value.length
}

onkeyup 不是处理输入的合适事件，因为在用户输入文本和您的代码注意到更改之间存在明显的延迟。用户甚至可以按住该键(以便在 Windows 设备上重复文本)，但您的代码不会处理它。