最稳方案是监听input事件并用textarea.value.length计数。因input事件覆盖键盘、粘贴、IME上屏等所有输入源，而keyup和change存在漏触发问题；textarea.value.length天然准确统计含中文、Emoji等所有字符，无需正则处理；提示文字应加在layui-form-item内textarea同级末尾，配合white-space:nowrap防折行。
直接监听 input 事件 + 用 textarea.value.length 计数，是最稳、最兼容的方案。layui 自身不提供内置字数统计 api，硬套 lay-verify 或依赖 change/blur 都会漏掉粘贴、中文输入法上屏等关键场景。
为什么必须用 input 事件而不是 keyup 或 change
用户实际输入时，keyup 无法捕获鼠标粘贴、拖入文本、剪切板粘贴（Ctrl+V）、中文输入法“组词完成上屏”等操作；change 只在失焦后触发，完全失去实时性。而 input 是 DOM 标准事件，浏览器原生支持所有输入源——键盘、粘贴、删除、IME 上屏、甚至语音输入，全部覆盖。
实操建议：
- 不要给
layui-form-item容器绑事件，必须精准绑定到textarea元素本身 - 若用了
form.render()，确保事件绑定写在它之后，否则 DOM 重绘后事件丢失 - 避免用
oninput="..."行内写法，易与 Layui 渲染冲突；推荐 JS 中用layui.$(selector).on('input', handler)或原生addEventListener
textarea.value.length 就是你要的“字数”，别折腾正则或 codePointCount
Layui 场景下，“字数”就是用户看到的可显示字符个数：中文、英文、数字、标点、空格、换行符（\n）全算 1 个。浏览器已将 Windows 的 \r\n 自动转为 \n，所以 textarea.value.length 直接可用，无需 replace、trim 或正则过滤。
实操建议：
- 绝对不用
textContent或innerText，对textarea返回空字符串或不可靠值 - 如果后端要求“中文占 2 字”，那是服务端校验逻辑，前端计数仍应统一按字符数，否则用户看到“剩余 5 字”却输不了 5 个中文，体验断裂
- Emoji、全角符号、零宽字符等也按 1 字计，
.length天然支持，无需额外处理
把“剩余 X 字”加到 layui-form-item 末尾，别乱塞 DOM
Layui 表单结构固定，强行用 position: absolute 覆盖或插到 textarea 内部，容易被 form.render() 冲掉、响应式错位、小屏折行。正确做法是在 layui-form-item 内、textarea 同级容器末尾追加一个提示 div。
实操建议：
- HTML 中，在
textarea后面紧跟：<div class="layui-form-text-count"></div> - CSS 加最小样式防跳动：
.layui-form-text-count { font-size: 12px; color: #999; text-align: right; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } - JS 里每次
input触发时更新：countEl.innerText = `剩余 ${max - current} 字` - 若用
maxlength属性限制，注意 IE 下可能失效，需配合 JS 截断（el.value = el.value.slice(0, max)）
真正容易被忽略的是：Layui 的 textarea 在移动端宽度收缩时，右侧对齐的提示文字会因空间不足而折行或溢出。加 white-space: nowrap 和 text-overflow: ellipsis 不是锦上添花，而是防止布局崩溃的必要控制。
