我有一个输入元素，我想继续检查内容的长度，每当长度等于特定大小时，我想启用提交按钮，但我面临着 Javascript 的 onchange 事件作为事件的问题仅在输入元素超出范围时触发，而不是在内容更改时触发。
<input type="text" id="name" onchange="checkLength(this.value)" />
----onchange 不会在更改 name 的内容时触发，但仅在 name 失焦时触发。
有什么我可以做的事情来使这个事件在内容更改上起作用吗？或者我可以使用的其他一些事件？我通过使用 onkeyup 函数找到了一种解决方法，但是当我们从浏览器的自动完成器中选择一些内容时，它不会触发。
我想要一些可以在字段内容通过键盘或鼠标更改时可以工作的东西......有什么想法吗？
(function () {
var oldVal;
$('#name').on('change textInput input', function () {
var val = this.value;
if (val !== oldVal) {
oldVal = val;
checkLength(val);
}
});
}());
这将捕获change、击键、paste、textInput、input（如果可用）。并且不要超过必要的火。
http://jsfiddle.net/katspaugh/xqeDj/
参考：
textInput— W3C DOM Level 3 事件类型。http://www.w3.org/TR/DOM-Level-3-Events/#events-textevents
当输入一个或多个字符时，用户代理必须调度此事件。这些字符可能源自多种来源，例如，由键盘设备上的按键按下或释放产生的字符、输入法编辑器的处理或语音命令产生的字符。如果“粘贴”操作生成简单的字符序列，即没有任何结构或样式信息的文本段落，则也应生成此事件类型。
input— HTML5事件类型。
当用户更改值时在控件上触发
Firefox、Chrome、IE9和其他现代浏览器都支持它。
该事件在修改后立即发生，不像 onchange 事件发生在元素失去焦点时。
作为 katspaugh 答案的扩展，这里有一种使用 css 类为多个元素执行此操作的方法。
$('.myclass').each(function(){
$(this).attr('oldval',$(this).val());
});
$('.myclass').on('change keypress paste focus textInput input',function(){
var val = $(this).val();
if(val != $(this).attr('oldval') ){
$(this).attr('oldval',val);
checkLength($(this).val());
}
});
我花了 30 分钟才找到它，但这在 2019 年 6 月有效。
<input type="text" id="myInput" oninput="myFunction()">
如果你想在 js 中以编程方式添加一个事件监听器
inputElement.addEventListener("input", event => {})
<input type="text" id="name" name="name"/>
$('#name').keyup(function() {
alert('Content length has changed to: '+$(this).val().length);
});
您可以使用 onkeyup
<input id="name" onkeyup="checkLength(this.value)" />