优先用 navigator.clipboard.writeText，因 document.execCommand('copy') 已废弃且在 Layui 表格中基本不可用；cellClick 回调是用户点击后同步触发的，完全满足浏览器对“用户手势上下文”的要求，且其 Promise 特性可捕获权限被拒、页面非激活或 HTTP 环境下未定义等拒绝原因。
直接用 navigator.clipboard.writeText + 事件委托，别碰 document.execCommand('copy') —— 它在 Chrome 90+ 已废弃，且在 Layui 表格里基本跑不通。
为什么 cellClick 回调里调用 navigator.clipboard.writeText 最稳
因为 cellClick 是用户点击后同步触发的，完全满足浏览器对“用户手势上下文”的要求；而 navigator.clipboard.writeText 返回 Promise，能捕获拒绝原因（比如权限被拒、页面非激活、HTTP 环境下未定义），比静默失败的旧 API 可控得多。
- 必须在
table.render()的done回调或cellClick事件里调用，不能包在setTimeout、Promise.then或async/await后面 - 若表格启用了分页或重载，
cellClick会自动绑定新渲染的单元格，不用手动补监听 - 注意：Layui 2.8+ 默认不兼容 IE11，无需为它降级到
execCommand模拟方案
怎么从 td 里拿到干净可复制的文本
别信 e.cell.innerText —— 它受 CSS 截断（text-overflow: ellipsis）、换行、空格影响；也别用 e.cell.innerHTML，会把图标、<span> 标签一起复制进去。
- 最优解：列配置时用
templet预存原始值，例如：templet: d => `<div data-content="${d.url}">${layui.util.escape(d.url)}</div>`，复制时取e.cell.dataset.content - 若没写
templet，且该列是纯文本，用e.cell.textContent.trim()更可靠 - 对日期、金额等格式化列，必须显式写
data-content，否则复制出来是 “2024-10-02” 而不是 “2024年10月2日”
绑定事件时为什么不能直接 $('td').on('click', ...)
Layui 表格是动态渲染的，td 元素在 done 回调执行后才插入 DOM；提前绑定等于绑了个空集合。而且表格可能有表头、操作列、合并单元格，直接选 td 容易误触。
- 推荐监听
tbody并委托到td：$('.layui-table tbody').on('click', 'td', handler) - 或者用原生方式，在
done里：document.querySelector('.layui-table tbody').addEventListener('click', e => { if (e.target.tagName === 'TD') { ... } }) - 加个简单过滤：跳过带
input、button、textarea的单元格，避免干扰操作
navigator.clipboard.writeText 点了没反应？先查这三件事
这个 API 失败不报错，但卡得非常隐蔽。真正拦住你的往往不是代码，而是环境或策略。
- 当前页面是否为 HTTPS 或
localhost？HTTP 下navigator.clipboard是undefined - 是否在用户真实点击的同步流程中调用？比如用
table.on('tool(filter)', ...)里的obj.event === 'copy'就安全；但用setTimeout(() => { writeText(...) }, 0)必然失败 - 单元格是否被
user-select: none锁死？检查元素是否有layui-unselectclass 或内联样式，加一句 CSS 覆盖：.layui-table td { user-select: text !important; }
templet 自定义后复制内容带标签或乱码，本质是 DOM 结构变复杂了——把可复制文本单独包一层 <div class="copy-target">xxx</div>，复制时只取它的 textContent，比硬凑正则或 DOM 遍历更可控。
