Layui表格需用事件委托监听tbody td点击并调用navigator.clipboard.writeText复制，渲染后在done回调中绑定，过滤干扰节点，降级使用execCommand，禁用内联onclick。
点击单元格触发 navigator.clipboard.writeText 复制
layui 表格本身不提供单元格点击复制功能，得自己监听事件并调用浏览器原生剪贴板 api。关键不是“怎么配 layui”，而是“怎么在 td 上可靠捕获点击，并把对应文本塞进剪贴板”。
常见错误是直接给 table 绑 click，结果点到图标、按钮或空隙就失效；或者用了 event.target.innerText 却拿到换行符、空格甚至 HTML 标签内容。
- 用
layui.table.on('tool(你的表格 lay-id)', ...)不行——那是为工具栏按钮设计的，不响应普通单元格 - 正确做法：在表格渲染完成后，用事件委托监听
tbody td，但要过滤掉带lay-event的操作列、表头、加载中行等干扰节点 - 取值优先用
cell.innerText.trim()，避免innerHTML带标签，也避开textContent可能包含隐藏字符的问题 - 必须处理权限拒绝：
navigator.clipboard.writeText是异步 Promise，需.catch捕获"NotAllowedError"或"SecurityError"
Layui 渲染后动态绑定单元格点击事件
因为 Layui 表格会重绘（如分页、搜索、排序），不能只在初始化时 bind 一次。得在 done 回调里重新绑定，或用事件委托确保长期有效。
使用场景包括：后台管理列表、日志查看页、配置项展示表——只要用户有“随手复制 ID/编码/链接”的需求，都适用。
- 在
table.render({ ..., done: function(res, curr, count) { ... } })的done回调里执行绑定逻辑 - 推荐用
$(document).on('click', 'table[lay-id="your-id"] tbody td:not([rowspan]):not([colspan])', ...)，排除合并单元格干扰 - 加个简单防抖：500ms 内重复点击同一单元格不重复复制，避免手抖误触
- 复制成功后可临时加个 tooltip 提示（用
layer.tips('已复制', this, {tips: [1, '#787878']})），但别自动 focus 输入框，否则打断用户操作流
兼容性与降级：IE 和旧版 Chrome 怎么办
navigator.clipboard 在 IE 完全不可用，Chrome 63+ 才支持，且必须 HTTPS 或 localhost。生产环境不能只靠它。
真实项目里，你大概率会遇到客户用内网 IE11 查看报表，或者测试机跑着 Chrome 61 —— 这时候不降级，复制功能就等于没做。
- 先判断
if (navigator.clipboard && window.isSecureContext)，不满足则走document.execCommand('copy')降级路径 - 降级方案需要临时创建
textarea插入 body，select()后执行execCommand，完事立即remove() - 注意：Firefox 从 90+ 开始弃用
execCommand，但企业内网环境往往滞后，所以两个路径都要保留 - 不要尝试用
clipboard.js等第三方库——Layui 项目通常禁外链、压体积，手动实现 20 行内搞定更可控
为什么不能直接在 cols 里配 templet 加 onclick
有人试过在列配置里写 templet: '<div onclick="copyIt(\'{{d.id}}\')">{{d.id}}</div>'，看似简单，实际埋了三个坑。
这不是写 Vue，Layui 的模板字符串不解析 JS 表达式，{{d.id}} 在字符串里只是字面量；而且 inline onclick 无法访问闭包里的 layer 或 layui 对象，调试时经常报 copyIt is not defined。
-
templet返回的是字符串，{{d.xxx}}是 Layui 模板语法，不是 JS 模板字面量，不能嵌套 JS 函数调用 - 即使写成
templet: function(d) { return '<div onclick="copyIt(\'' + d.id + '\')">...</div>'; }，全局函数copyIt也拿不到layer、layui实例，跨模块调用易出错 - 更严重的是：这种写法会让每个单元格都挂一个独立事件处理器，1000 行就是 1000 个函数实例，内存和性能都不友好
- 正确姿势始终是事件委托 + 数据驱动，而不是模板里拼逻辑
最麻烦的其实是单元格里有链接、按钮、开关组件时的事件穿透——得用 event.stopPropagation() 拦住子元素冒泡，但又不能影响它们自身行为。这点很容易被忽略，一复制就顺手点开了详情页。
