Layui文本域需在DOM渲染完成后绑定原生keydown事件，推荐用layui.$(‘#id’).on(‘keydown’, handler)；注意区分keydown（适合快捷键）与input（适合字数统计、兼容中文输入法）。
layui文本域怎么绑定keydown事件
layui 的 textarea 是通过 layedit 或原生 textarea 渲染的，它本身不提供类似 onKeydown 的内置回调。直接给 textarea 元素绑定原生事件是唯一可靠方式——但得等 layui 渲染完 DOM 才能操作。
常见错误是：在 layui.use 回调里立刻用 document.getElementById 或 $('textarea') 获取元素，结果取到的是未渲染的原始标签，或者被 layedit 覆盖后失去事件监听。
- 确保 DOM 已就绪：用
layui.use(['layedit'], function(){...})，并在回调内调用layedit.build()后再获取元素 - 如果用了
layedit，实际可编辑区域是 iframe 内的body，此时需监听 iframe 内容（较复杂），一般建议改用原生textarea+layedit仅作富文本切换开关 - 更稳妥的做法：给
textarea加id，用layui.$('#yourId').on('keydown', handler)（推荐，兼容性好）
监听 input 还是 keydown？区别在哪
键盘输入场景下，input 和 keydown 触发时机不同：keydown 在按键按下时触发（含 Ctrl/Cmd、方向键等），input 在值真正变化后触发（如粘贴、删除、中文输入法上屏后）。多数需求其实该用 input，比如实时校验字数、防重复提交。
-
keydown：适合快捷键响应（如 Ctrl+S）、拦截非法按键（如禁止输入符号） -
input：适合内容变化反馈（如字数统计、自动保存）、兼容中文输入法 - 注意：
textarea上keyup不稳定（长按重复触发问题），不推荐
layui 中 textarea 动态创建后事件失效怎么办
如果 textarea 是后续通过 JS 插入 DOM（比如模态框里动态生成），直接绑定会失效——因为元素还没存在。必须用事件委托或在插入后立即绑定。
- 用代理绑定：
layui.$('body').on('input', 'textarea[name="content"]', handler) - 或在插入后手动绑定：
layui.$(newTextarea).on('input', handler) - 避免用
document.querySelector直接取，优先用layui.$（兼容 layui 的模块加载机制） - 若用
layedit.build动态初始化，记得绑定要在build返回的编辑器实例 ID 对应的 DOM 之后操作
中文输入法下 keydown 拿不到文字怎么办
这是浏览器标准行为：中文输入过程中，keydown 只触发拼音阶段，真实文字要等输入法「上屏」后才写入 textarea.value。所以靠 keydown 捕获中文内容必然失败。
- 正确做法：监听
input事件，它会在上屏后触发 - 需要区分「输入中」和「输入完成」？可结合
compositionstart/compositionend判断输入法状态 - 简单场景下，只监听
input就够了，不用额外处理输入法逻辑
