文本输入中的键入跟踪
文本输入的 onchange 事件通常仅在失去焦点后触发。但是，对于需要实时跟踪的场景，有多种选择。
oninput 事件
现代浏览器支持 oninput 事件，该事件会随着文本字段的不断触发内容发生变化。这样就无需失去焦点。
onpropertychange
对于 Internet Explorer 8 及更低版本，您可以使用 onpropertychange 事件。
使用输入和属性更改进行事件处理
通过组合 oninput 和onpropertychange，您可以优雅地处理现代和旧版浏览器：
const source = document.getElementById('source');
const result = document.getElementById('result');
const inputHandler = function(e) {
result.innerText = e.target.value;
};
source.addEventListener('input', inputHandler);
source.addEventListener('propertychange', inputHandler); // for IE8选择框的注意事项
Firefox、Edge 18-和 IE9 不会触发 onchange 事件当在选择框中选择选项时。对于这些浏览器，请考虑改用更改事件侦听器。
以上是如何跨浏览器实时跟踪文本输入变化？的详细内容。更多信息请关注PHP中文网其他相关文章！
