ie8 不支持 oninput，必须用 onpropertychange 替代，但需过滤 propertyname、防递归触发、处理 disabled 失效及 js 赋值场景，contenteditable 和 textarea 需轮询兜底。
是的，oninput 在 IE8 完全不支持，必须用 onpropertychange 替代。但直接替换会踩坑——比如 JS 赋值不触发、输入法下重复触发、失去焦点后仍误触发等。
IE8 下 oninput 无效，onpropertychange 是唯一可行选择
IE8 不识别 oninput 事件，绑定后完全静默。官方文档和实测均确认：只有 onpropertychange 能监听 value 属性变化。但它监听的是“任意属性变更”，不是专为输入设计，所以行为更粗粒度：
-
onpropertychange在value、className、disabled等任何属性改写时都触发，需手动过滤 - 必须通过
event.propertyName === 'value'判断是否真由输入引起 - JS 直接赋值
input.value = 'xxx'会触发，这是oninput做不到的（原生oninput不响应脚本赋值） - IE8 中若元素设为
disabled=true，onpropertychange将失效 —— 这点常被忽略
如何安全绑定 onpropertychange（避免堆栈溢出和重复触发）
直接在 HTML 里写 onpropertychange="handler()" 或用 element.onpropertychange = handler 都可能引发递归调用（例如 handler 内又改 value）。正确做法是：
- 用
attachEvent('onpropertychange', handler)（IE8 专属），而非 DOM0 级绑定 - 在 handler 开头加防抖判断：
if (event.propertyName !== 'value') return; - 避免在 handler 中同步修改
input.value，否则可能触发新一轮onpropertychange - 如需响应 JS 赋值，可额外加个标志位控制，例如：
input._skipPropertyChange = true; input.value = 'x'; input._skipPropertyChange = false;，然后在 handler 中跳过
现代写法：兼容 IE8+ 的最小适配方案
不用框架、不引入 polyfill，仅靠原生 JS 判断环境并分发：
function bindInputEvent(el, callback) {
if ('oninput' in el) {
el.addEventListener('input', callback, false);
} else if ('onpropertychange' in el) {
el.attachEvent('onpropertychange', function(e) {
if (e.propertyName === 'value') callback.call(el, e);
});
}
}
// 使用
bindInputEvent(document.getElementById('myInput'), function() {
console.log('value changed:', this.value);
});
注意：该方案不处理输入法（compositionstart/update/end），如需完整中文输入支持，必须叠加监听这些事件 —— 但 IE8 本身不支持 composition 事件，所以对 IE8 来说，onpropertychange 就是底线方案。
真正容易被忽略的点是：IE8 下 onpropertychange 对 contenteditable 元素无效，也对 textarea 的换行符变化响应不稳定；如果业务涉及富文本编辑，光靠这个事件远远不够，得降级为定时轮询 setInterval 检查 value 变化 —— 虽然低效，但在 IE8 环境下是真实存在的兜底手段。
