Layui table 的 edit 事件仅在编辑完成时触发，无法捕获双击开始时刻；应通过事件委托监听 .layui-table-body td 的 dblclick 或 input[lay-edit] 的 focusin 来精准捕获编辑起始时机。
layui table 的 edit 事件不响应双击开始时刻，只在编辑完成（失焦或回车）时触发——想捕获“双击那一刻”，必须绕过它。
为什么不能直接用 table.on('edit') 监听双击开始
这是最常踩的坑：edit 事件本质是「编辑提交事件」，不是「进入编辑态事件」。用户双击单元格后，Layui 才动态插入 input[lay-edit] 并 focus，此时 edit 还没触发；等你输完按回车，它才执行。中间那段「光标闪烁、边框高亮」的状态，edit 完全感知不到。
如果你要在此时禁用按钮、记录操作时间、预加载下拉选项，edit 就失效了。
正确做法：监听 .layui-table-body td 的双击委托
双击行为是 DOM 层面的原生事件，表格重绘后 td 是动态生成的，所以必须用事件委托，且范围限定在表格主体内。
- 绑定在
document或表格容器上，选择器用'.layui-table-body td'，不能用$('.layui-table-body td').on('dblclick', ...)（重绘后失效） - 加
if (!$td.attr('data-field')) return排除非数据列（如序号、复选框、操作列） - 用
$td.closest('tr').index()和$td.index()获取行列索引，注意列索引含隐藏列和序号列，需校准 - 从
$td.attr('data-field')拿字段名，这是 Layui 自动加的属性，比解析title或文本更可靠
$(document).on('dblclick', '.layui-table-body td', function() {
const $td = $(this);
const field = $td.attr('data-field');
if (!field) return;
const $tr = $td.closest('tr');
const rowIndex = $tr.index();
const colIndex = $td.index();
console.log('双击开始编辑：行', rowIndex, '字段', field);
// 此处可做：禁用其他操作按钮、预请求下拉数据、打时间戳等
});
进阶：监听 input[lay-edit] 的 focusin 更精准
双击后 Layui 插入 input[lay-edit] 有微小延迟，委托双击能捕获意图，但若需确认编辑器已渲染并获得焦点，focusin 更稳：
- 监听范围必须限定为
'.layui-table-body input[lay-edit]'，避免干扰页面其他输入框 - 用
focusin而非focus，因它会冒泡，能捕获子元素聚焦 - 注意：该事件可能被快速连续双击触发多次，建议加简单防抖（如
setTimeout+ 标志位） - 此时
this.value是原始值，$(this).closest('td').attr('data-field')仍可取字段名
$(document).on('focusin', '.layui-table-body input[lay-edit]', function() {
const $input = $(this);
const field = $input.closest('td').attr('data-field');
if (!field) return;
console.log('编辑器已聚焦，字段：', field);
});
容易忽略的关键点
双击编辑看似简单，实际卡点都在时机与边界上：
表格 reload 后，委托绑定依然有效（因为是 document 级），但如果你在 done 回调里重新绑定，反而可能重复监听；rowDouble 事件虽存在，但它针对整行，无法精确定位到具体单元格；如果列用了 templet 且没保留 data-field，双击将无法识别字段；移动端没有双击概念，这类交互需额外提供长按或操作列 fallback。
