子页键盘事件监听必须由子页自身在DOM加载完成后绑定，父页无法直接监听子页keydown事件；需用$(function(){})或DOMContentLoaded包裹逻辑，同域下调用parent函数，跨域用postMessage通信。
子页键盘事件监听必须在 DOM 加载完成后绑定
子页 js 执行时，document 可能尚未就绪，直接 $(document).on('keydown', ...) 会失效——尤其在 iframe 初始加载阶段，ready 或 domcontentloaded 未触发前绑事件，等于没绑。
常见错误现象：回车没反应、event.key 读不到、e.preventDefault() 不生效。
- 务必用
$(function(){ ... })或document.addEventListener('DOMContentLoaded', ...)包裹监听逻辑 - 避免在全局 script 标签最外层直接写
document.onkeydown = ...，Layui iframe 的加载顺序不可控 - 若子页含 Vue/React 等框架，需等其 mount 完成后再监听，否则 DOM 节点可能被框架延迟渲染
父页无法直接监听子页按键，必须由子页主动触发
parent 对象不能跨 iframe 监听子页的 keydown —— 浏览器安全策略禁止父页监听子页事件流，哪怕同域。试图在父页写 iframe.contentWindow.addEventListener('keydown', ...) 会报错或静默失败。
正确路径只有一条：子页自己监听，再通过约定方式通知父页。
- 同域下，子页调用
parent.layer.close(index)或parent.callbackFn(...)（前提是父页已定义） - 跨域下，必须用
window.parent.postMessage(...)，且父页要严格校验e.origin - 别依赖
window.opener：Layui iframe 不是新窗口，window.opener恒为null
Enter/Esc 在子页中触发父层关闭的典型写法
子页内监听 Enter 确认、Esc 取消，本质是模拟点击父页的「确定」「取消」按钮，但不能硬编码 selector，因为按钮 class 可能随 layui 版本变化（如 .layui-layer-btn0 在某些主题下会被覆盖）。
更稳的方式是：子页通过 parent 调用已暴露的函数，由父页统一处理关闭逻辑。
- 父页 open 时提前定义：
window.confirmFromIframe = function() { layer.close(layer.getFrameIndex(window.name)); }; - 子页监听：
if (e.key === 'Enter' && parent.confirmFromIframe) parent.confirmFromIframe(); - 加
if (parent && parent.confirmFromIframe)判断，防止子页先于父页执行 - Esc 同理，但注意：子页
e.key === 'Escape'比e.keyCode === 27更可靠，后者在部分移动端失效
子页监听快捷键时容易忽略的兼容性陷阱
看似简单的 keydown，在 iframe 场景下有多个隐性断点：输入法状态、focus 丢失、滚动条遮挡、以及 layui 自身对某些按键的拦截（比如分页框里的 Enter）。
最容易踩的坑不是逻辑写错，而是时机和上下文错位。
- 子页 input 获得焦点时，
document的activeElement是该 input，此时按 Enter 默认触发表单提交——必须在 input 上单独监听并e.preventDefault() - 若子页用了
contenteditable或富文本编辑器，Enter 行为由编辑器接管，document级监听收不到原始事件 - Layui 2.8+ 对 iframe 弹层做了 visibility 优化，页面切到后台再切回时，
keydown可能延迟触发或丢失一次，建议加防抖（setTimeout延迟 10ms 再执行） - IE11 下
e.key不支持，必须 fallback 到e.keyCode，但注意 keyCode 已被标准弃用，仅作兼容
