ie下textarea的input事件不触发时，需同时监听input、propertychange和keyup事件，用propertyname过滤非value变更，并防抖或标记位避免重复执行；禁用原生maxlength，改用js实时截断并手动重置光标位置。
IE 下 textarea 的 input 事件不触发怎么办
IE9–IE11 对 input 事件支持不完整，尤其是中文输入法上屏阶段常丢失触发。不能只靠 input，得降级补充 propertychange（IE专属）和 keyup（仅补键盘输入，不覆盖粘贴）。
实操建议：
- 监听三类事件：
input、propertychange、keyup，用if (e.type === 'propertychange' && e.propertyName !== 'value') return过滤无关属性变更 - 避免重复执行：用防抖或标记位（如
isUpdating）防止同一输入被多个事件反复处理 - 不要用
oninput属性绑定——IE8–9 不支持，必须用attachEvent或现代兼容写法（addEventListener+attachEventfallback）
IE 中 maxlength 属性失效或截断异常
IE 对 textarea 的 maxlength 支持混乱：IE10+ 才真正生效，且对换行符 \r\n 计为 2 字，而 DOM 中 value.length 统一归一为 \n，导致前端计数和浏览器原生限制不一致。
实操建议：
- 禁用原生
maxlength，改用 JS 实时校验 + 截断：在事件回调里判断el.value.length > max，然后el.value = el.value.slice(0, max) - 截断后手动重置光标位置，否则光标会卡在末尾外：用
el.setSelectionRange(max, max) - 若需兼容 IE8，
setSelectionRange不存在，得回退到createTextRange方案（极少见，通常已放弃 IE8）
IE 下 Layui 表单渲染后事件绑定丢失
Layui 的 form.render() 在 IE 中可能重写 DOM 节点，导致之前绑定的事件被清空，尤其发生在动态插入 textarea 后立即调用 form.render() 的场景。
实操建议：
- 确保事件绑定在
form.render()之后执行；更稳妥做法是把绑定逻辑放在form.on('submit(filter)', ...)或表单提交前一刻 - 给
textarea加唯一id或data-count-id属性，避免依赖 class 选择器在重绘后失效 - 不用
layui.$(...).on('input', ...)—— IE 下 jQuery 兼容层对动态元素事件代理不可靠；改用原生document.addEventListener('input', ...)并委托到父容器
剩余字数显示在 IE 中错位或样式失效
IE 对 Flex 布局、white-space: nowrap 和 text-overflow: ellipsis 支持差，Layui 默认的右对齐字数提示容易折行、溢出或文字截断失败。
实操建议：
- 放弃
text-align: right，改用float: right+ 清除浮动（IE6–9 兼容性更好） - 用
max-width: 120px+overflow: hidden替代text-overflow: ellipsis，后者在 IE 中需配合display: block和固定宽高才生效 - 字体大小设为
font-size: 12px，避免 IE 自动放大文本导致容器撑开
value.length 和换行符的处理一致**。
