双击单元格跳转事件必须在table.render()的done回调中绑定，用on('dblclick','td')委托至table容器；通过e.target.closest('td').dataset.index查table.cache获取行数据；取主键字段值需匹配cols配置并encodeURIComponent；移动端需加touch-action:manipulation防缩放。
双击单元格触发跳转的事件绑定位置
必须在 table.render() 的 done 回调里绑定，不能写在 init 阶段或 dom 加载完就绑——因为 layui 表格是动态渲染的，tbody 里的 td 在 render 完成前根本不存在。
- 直接对
table容器用on('dblclick', 'td')是最稳的，避免事件委托失效 - 别用
click代替dblclick，Layui 的行点击（row事件）和双击冲突，会误触发 - 如果表格启用了
skin: 'line'或even，不影响事件绑定，但要注意td内可能有div包裹文本，需用e.target.closest('td')确保取到单元格本身
怎么安全提取当前单元格的行数据
Layui 表格不直接暴露「被双击的单元格所属行」的 API，得靠 DOM 上挂的 data-index 属性反查 config.data 或用 table.cache。
- 优先读
table.cache['your-table-id']，它比原始data数组更可靠（含排序、筛选后的真实顺序） -
td元素上有data-key（列字段名）和data-index（行索引），用后者去缓存里取整行：table.cache['user'][(e.target.closest('td')?.dataset.index) || '0'] - 别依赖
e.target.innerText取值——带链接、图标或空格时容易错；也别用$(e.target).parent().data('index')，jQuery 会丢失 Layui 动态生成的 data 属性
跳转 URL 拼接的关键细节
编辑页通常需要主键 ID，但 Layui 表格列字段名（field）未必叫 id，且 ID 值可能是字符串或数字，URL 编码不能漏。
- 检查你表格配置的
cols中哪一列是主键，比如{field: 'user_id', title: 'ID'}，那就得取row.user_id，不是row.id - 用
encodeURIComponent包一层再拼 URL，否则 ID 含中文、斜杠或加号时跳转会 404 - 示例：
const id = row.user_id; location.href = '/edit.html?id=' + encodeURIComponent(id); - 如果编辑页是单页应用（如 Vue/React），用
history.pushState或路由实例跳转，避免整页刷新打断用户操作
移动端双击行为的兼容性问题
真机上双击缩放页面是默认行为，会干扰双击编辑跳转，尤其 iOS Safari。
- 必须在表格容器上加
touch-action: manipulation，抑制双击缩放 - 同时监听
touchstart做防抖：两次touchstart间隔 - 不要用
event.preventDefault()粗暴阻止所有 touch 事件，会导致滚动卡顿 - 测试时务必用真机，Chrome 模拟器的双击行为和真实设备差异很大
最麻烦的是：双击位置落在带 a 标签或 button 的单元格内，浏览器会优先响应内部元素事件。这种场景得在 td 上统一拦截并 stopPropagation，再手动触发跳转逻辑。
