应优先使用navigator.clipboard.writetext+事件委托，在table.render()的done回调中绑定tbody点击事件，取dataset.content或textcontent.trim()；document.execcommand('copy')已废弃，因layui td不可聚焦、不支持contenteditable，且在非用户手势同步上下文中静默失败。
直接用 navigator.clipboard.writetext + 事件委托，在 table.render() 的 done 回调里绑定，别碰 document.execcommand('copy') —— 它在 chrome 90+ 已废弃，且在 layui 表格里基本跑不通。
为什么 document.execCommand('copy') 在 Layui 表格里大概率失效
这个 API 要求目标元素可聚焦、可选中，而 Layui 的 td 默认既没 tabindex，也不支持 contenteditable；强行插入 textarea 模拟选中，会触发焦点丢失、样式抖动，移动端尤其容易挂掉。更关键的是：它在非用户手势同步上下文（比如 setTimeout 或 Promise.then）里会静默失败，连错误都不抛 —— 你点了没反应，其实不是代码错了，是浏览器直接拦了。
如何在 done 回调里正确绑定点击并取到干净文本
- 监听
$('.layui-table tbody')的 click 事件委托，而不是遍历所有td—— Layui 分页/重绘后新td不会自动绑上 - 过滤干扰节点：
td:not([rowspan]):not([colspan]):not(.layui-table-col-special)，避开合并单元格和操作列 - 取值优先走
e.target.dataset.content：列配置时就存好原始内容，例如templet: d => `<div data-content="${d.id}">${d.id}</div>` - 没自定义
templet时，用e.target.textContent.trim()，比innerText更少受 CSS 截断（如text-overflow: ellipsis）影响 - 绝对不用
e.target.innerHTML—— 复制出来全是标签和空格
复制整行数据时怎么拿到原始对象而不是渲染后的文本
如果点击某列要复制整行 JSON，不能只读 td 文本。Layui 把原始数据存在 table.cache['your-lay-id'] 里，靠 tr 元素的 data-index 才能准确定位：
- 在事件处理函数里取
const index = $(e.target).closest('tr').data('index') - 再从
layui.table.cache['your-lay-id'][index]拿到完整对象 - 拼接字段时用
\t分隔（方便粘贴进 Excel），别用JSON.stringify—— 用户通常要的是可读纯文本，不是缩进格式 - 记得加
try/catch包住navigator.clipboard.writeText，捕获"NotAllowedError"（权限被拒）或"SecurityError"（HTTP 环境）
容易被忽略的兼容性细节
哪怕代码全对，也可能复制失败 —— 关键不在 JS，而在环境和时机：
- HTTP 非本地环境（比如内网 http://192.168.x.x）下，
navigator.clipboard直接禁用，必须切 HTTPS 或用localhost - 点击事件必须是用户真实触发，不能是
el.click()自动调用，否则同步上下文不成立 - 移动端需额外加
touchstart监听，并给目标元素设tabindex="0"和-webkit-user-select: text，否则点不动 - 别依赖
user-select: textCSS 就以为能 Ctrl+C —— 那只是让鼠标能划，和“点击即复制”是两回事
