Layui 2.8+ 推荐使用 table.on('cell(filter)') 监听单元格点击，仅响应带 data-field 的 td，需确保 filter 与 lay-filter 值严格一致，obj.field 返回字段名，obj.value 为原始值，嵌套元素需阻止事件冒泡。
table.on('cell(filter)') 是最直接的方式（Layui 2.8+）
只要 layui 版本 ≥ 2.8，table.on('cell(filter)') 就是监听任意数据单元格点击的官方方案，不依赖编辑功能，也不触发 input 渲染。它只响应你点在「有 data-field 属性的 td」上——也就是真正承载字段值的单元格，自动跳过表头、操作列、空单元格和合计行。
关键点：
-
filter必须与table.render()中配置的id或lay-filter值完全一致（大小写敏感） - 回调参数
obj.field给的是列定义里的字段名（如'status'），不是表头中文标题 -
obj.cell.innerText是渲染后的可见文本，含换行/空格；obj.value是原始未格式化值，适合后续提交 - 如果单元格内嵌了按钮或链接，记得在事件处理器里加
e.stopPropagation()，否则会冒泡干扰 cell 事件
低版本（
旧版 Layui 没有内置 cell 事件，必须手动委托。但别用 $('.layui-table-body td').on('click', ...) —— reload 后 DOM 替换，绑定就失效了。
正确做法是绑定到 document，并过滤出带 data-field 的单元格：
$(document).on('click', '.layui-table-body td[data-field]', function(e) {
const $td = $(this);
const field = $td.attr('data-field');
const $tr = $td.closest('tr');
const index = $tr.data('index'); // Layui 自动加的行索引
const rowData = table.cache['yourTableId'][index];
console.log('点击字段:', field, '值:', rowData[field]);
});
注意：
- 必须用
[data-field]属性选择器，排除序号列、复选框列、操作列等无字段的 td -
table.cache['yourTableId']是 Layui 内部缓存的数据数组，比从 DOM 解析更可靠 - 不要用
$tr.index()获取行号——排序、搜索、分页后索引会错位
别误用 tool(filter) 或 edit 事件
table.on('tool(filter)') 只响应模板中显式写了 lay-event 的按钮，比如 <button lay-event="del"></button>。普通单元格点不动，写了也白写。
table.on('edit(filter)') 是编辑完成事件（失焦或回车后触发），不是点击事件。它还强制要求列配置了 edit: 'text' 等，一开就激活编辑态，完全违背“不开启编辑”的前提。
常见错误现象：
- 写了
table.on('tool(test)', ...)却点任何单元格都没反应 → 实际需要的是 cell，不是 tool - 点了单元格弹出 input，控制台报错或值没更新 → 误配了
edit: true且没处理好异步更新逻辑 - reload 表格后事件突然不触发 → 原生绑定没做委托，DOM 替换后监听丢失
动态列或自定义 class 场景下建议加 data-field 标识
如果你的表格列是动态生成的，或者某些列需要特殊处理（比如仅对「备注」列响应点击），推荐在列定义里显式加 templet 并注入 data-field：
{field: 'remark', title: '备注', templet: '<div data-field="remark">{{d.remark}}</div>'}
这样事件委托可以精准捕获：$(document).on('click', 'td[data-field="remark"]', ...)，避免误触其他列。Layui 默认会在 td 上加 data-field，但自定义 templet 时容易被覆盖，手动补上更稳妥。
最后提醒：无论用哪种方式，都别在回调里长期持有 obj.tr 或 $(this) 的 DOM 引用——分页或重载后它们指向的可能是已销毁节点，后续操作大概率失败。
