laypage翻页按钮默认不响应Enter键，需手动为动态生成的跳转输入框绑定keydown事件监听Enter并调用laypage.jump()实现翻页。
laypage 翻页按钮不响应键盘 Enter 回车事件
laypage 默认不监听键盘事件，点击「上一页」「下一页」或输入跳转页码后按 Enter，页面不会触发翻页——这不是 bug，是设计如此。它只响应鼠标 click，所有翻页动作都靠 jump 回调驱动，而该回调本身不绑定任何键盘逻辑。
如何让「跳转输入框」支持 Enter 提交
只有启用 'jump' 的情况下才有输入框，且必须手动监听其 keydown 事件。Layui 不接管这个行为，你得自己补。
- 确保
page.layout包含'jump'，否则根本没输入框可监听 - 输入框 DOM 是动态生成的，不能直接
document.querySelector('.layui-laypage-jump input').addEventListener—— 它在分页渲染前不存在 - 必须在
table.render的done回调或laypage.render的jump回调里，用事件委托或延迟查找绑定 - 推荐写法：在
done中用setTimeout(() => { ... }, 10)查到.layui-laypage-jump input，再绑定keydown判断e.key === 'Enter' - 触发时需手动调用
laypage.jump(curr)或重新触发你的数据加载逻辑，不能只改 input 值
示例片段：
done: function(res, curr, count) {
setTimeout(() => {
const jumpInput = document.querySelector('.layui-laypage-jump input');
if (jumpInput && !jumpInput.hasAttribute('data-enter-bound')) {
jumpInput.setAttribute('data-enter-bound', 'true');
jumpInput.addEventListener('keydown', e => {
if (e.key === 'Enter') {
const val = parseInt(jumpInput.value) || 1;
// 手动跳转（注意校验范围）
if (val >= 1 && val <= Math.ceil(count / options.limit)) {
laypage.jump(val);
}
}
});
}
}, 10);
}
给「上一页」「下一页」按钮加快捷键（← → 方向键）
方向键默认作用于整个页面滚动，要让它精准控制 laypage 按钮，必须聚焦到分页区域并拦截事件。但 laypage 按钮没有 tabindex，也不自动获得焦点——这是最容易被忽略的前提。
- 先给分页容器（如
.layui-laypage）加tabindex="0"，让它可聚焦 - 监听
keydown事件时，需判断event.target是否在分页区域内，避免全局劫持影响表单输入 -
ArrowLeft对应「上一页」，ArrowRight对应「下一页」，但要注意当前页是否已达边界（如第 1 页不能再点 ←） - 不要直接模拟 click，而是复用你原本在
jump里写的翻页逻辑，传入目标页码 - 如果表格启用了
height导致内部滚动，方向键可能被表格容器捕获，需额外在.layui-table-box上阻止默认行为
为什么快捷键容易失效
真正卡住人的不是代码写法，而是 DOM 生命周期和事件捕获顺序。
- 分页按钮是异步插入的，过早绑定事件会找不到元素
- 多个表格共用 laypage 时，
laypage.jump()会全局触发所有实例，必须用唯一 ID 隔离 - 自定义主题 CSS 若重写了
.layui-laypage a的pointer-events，键盘事件也会被屏蔽 - 移动端 Safari 对
ArrowKey支持有限，方向键快捷键本质是桌面场景方案
最稳的做法：只对跳转输入框做 Enter 支持，方向键控制留白——毕竟用户真需要快捷翻页时，大概率已在操作键盘，此时输入页码 + Enter 已足够高效。
