监听 input 事件比 keyup 更可靠，能覆盖粘贴、拖入及中文输入法上屏等所有输入方式；对 textarea 统计字数应使用 el.value.length，配合实时截断与字节计算（如 TextEncoder），并独立于 Layui 的 form.verify 流程。
监听 input 事件比 keyup 更可靠
直接用 keyup 容易漏掉粘贴、剪切、拖入文本等操作，input 事件能覆盖所有输入方式（包括中文输入法上屏瞬间）。layui 表单元素默认不阻止原生行为，所以直接在 input 或 textarea 上绑定即可，不用绕路通过 form.on('submit') 或 layui.form.render() 触发。
- 对
textarea统计字数时，优先用el.value.length，不要用el.innerText或textContent（会把换行符算错） - 如果启用了 Layui 的
lay-verify="required"等校验，字数统计逻辑必须独立于验证流程，否则提交前才计算会导致体验断层 - 移动端软键盘切换输入法时，
input事件仍会触发，无需额外兼容
限制最大长度时别只靠前端拦截
Layui 自身不提供 maxlength 的视觉反馈（比如变红或禁用提交），得手动加。但注意：仅用 maxlength 属性只能限制输入，无法阻止 JS 脚本赋值或用户粘贴超长内容——所以实时统计后必须同步做截断或提示。
- 建议在
input回调里判断：if (val.length > maxLen) { el.value = val.slice(0, maxLen); } - 别用
el.setAttribute('maxlength', maxLen)动态设置，部分浏览器（如旧版 Safari）不支持运行时修改生效 - 若后端要求严格按字节数限制（如 UTF-8 中中文占 3 字节），需用
new TextEncoder().encode(val).length计算，而非.length
和 Layui 的 form.verify 配合要小心
form.verify 是提交时触发的，而字数统计是实时的，两者不能混为一谈。如果你在 verify 里重复取值计算，不仅冗余，还可能因 DOM 未更新导致拿到旧值。
- 字数显示区域建议用独立
span或small标签，class 命名为word-count这类语义化名称，方便 CSS 控制颜色和位置 - 不要在
form.verify里写return val.length > 100 ? '最多100字' : true;——这会让用户直到点提交才知道超限 - 如果要用 verify 做兜底校验，只写
return val.length 即可，提示文案由实时统计组件负责
中文输入法下标显示延迟怎么处理
用户用拼音输入法时，input 事件会在“选词完成、上屏”后才触发，中间的候选字不会触发事件——这是浏览器标准行为，不是 Layui 的 bug，也不需要 hack。
- 无需监听
compositionstart/compositionend，Layui 场景下反而增加复杂度且兼容性差 - 只要确保统计逻辑放在
input回调里，用户敲完回车或空格上屏后就会立刻更新，体验足够自然 - 若发现统计滞后明显（比如超过 300ms），检查是否在回调里做了耗时操作（如反复 querySelector、渲染 DOM 片段）
