应优先使用 navigator.clipboard.writeText，因其是 W3C 标准、支持 Promise 错误捕获，且在用户点击同步上下文中可靠执行；document.execCommand('copy') 已被 Chrome 90+ 弃用，要求元素可聚焦和选中，而 Layui 表格 td 默认不满足，强行模拟易引发样式抖动、焦点丢失及移动端兼容问题。
直接用 navigator.clipboard.writetext，在 table.render 的 done 回调里绑定事件委托，从 e.cell.dataset.content 或 e.cell.textcontent 取值 —— 这是当前最稳、最现代的做法。
为什么不能直接用 document.execCommand('copy')
这个 API 已被 Chrome 90+ 标记为废弃，在非用户手势上下文（比如 setTimeout、Promise.then）中会静默失败；它还要求目标元素必须可聚焦且有选中状态，而 Layui 表格的 td 默认既不 contenteditable 也不 tabindex。即使强行模拟 textarea 插入再选中，也容易触发样式抖动、焦点丢失、移动端兼容问题。
实操建议：
-
navigator.clipboard.writeText是 W3C 标准，返回 Promise，能捕获拒绝原因（如权限被拒、页面非激活、HTTP 环境） - 必须在用户点击的同步执行流中调用，
cellClick回调或事件委托的click处理函数都满足条件 - 不要包裹在
setTimeout(() => { ... }, 0)或Promise.resolve().then(...)里，否则立即失败
如何正确绑定点击事件并取到干净文本
Layui 表格的 td 是动态渲染的，直接遍历绑定会漏掉后续页数据；同时，innerText 受 CSS 影响（比如 text-overflow: ellipsis 截断、换行符被忽略），不可靠。
实操建议：
- 在
table.render()的done回调中，对.layui-table tbody做事件委托：$('.layui-table tbody').on('click', 'td', handler) - 优先从
e.target.dataset.content取值 —— 在列配置时就存好原始内容：templet: d => { return `<div data-content="${d.title}">${layui.util.escape(d.title)}</div>`; } - 若列没自定义
templet，用e.target.textContent.trim()，比innerText更少受样式干扰 - 绝对避免用
e.target.innerHTML，它会把图标、span标签等一并复制进去
自定义 templet 后复制失效怎么办
一旦用了 templet，Layui 就不再把纯文本塞进 td.textContent，而是作为子节点插入 DOM。此时 selectNodeContents(cell) 会选中整个 HTML 结构，复制结果带标签、空格甚至换行。
实操建议：
- 把可复制的文本单独包裹一层，加
class="copy-target"或data-copy属性，例如：templet: d => `<span class="copy-target" data-copy="${d.status}">${statusMap[d.status]}</span>` - 点击时查找到该元素：
const target = e.target.closest('.copy-target') || e.target，再取target.dataset.copy || target.textContent - 如果模板里混排了图标和文字（比如
<i class="layui-icon"></i>已启用），务必把“已启用”这部分显式存到data-content，而不是依赖textContent
移动端点击无响应或复制失败
移动端 Safari 和部分安卓浏览器对剪贴板 API 更敏感：需要 tabindex 触发聚焦、-webkit-user-select: text 开启选择、且点击事件得是 touchend（而非 click）才能识别为有效手势。
实操建议：
- 给
td加tabindex="0"（可在 done 回调里统一加：$('.layui-table td').attr('tabindex', '0')） - CSS 补充：
.layui-table td { -webkit-user-select: text !important; user-select: text !important; } - 移动端监听
touchend事件，PC 端监听click，可用if ('ontouchstart' in window) {...}分支处理 - HTTPS 或
localhost是硬性前提，HTTP 站点下navigator.clipboard直接不可用
真正容易被忽略的是：复制动作本身没有 UI 反馈，用户点了没反应，第一反应是“功能坏了”，其实大概率是 HTTPS 缺失、页面未激活、或取值逻辑把 HTML 标签一起塞进去了。加一行 console.log('copied:', text) 能省掉大半排查时间。
