可直接在templet中渲染带data-copy-text属性的span并用document.body委托click事件调用navigator.clipboard.writeText()实现复制；需注意动态渲染需事件委托、兼容性降级及Safari手势触发限制。
layui table 列内文字点击复制的常见实现方式
直接用 layui.table 的 templet 渲染带 copy 功能的按钮或文字是可行的，但要注意：layui 本身不提供内置剪贴板 api，必须自己调用原生 navigator.clipboard.writetext()，且需处理权限和兼容性问题。
为什么不能直接给 td 绑定 onclick？
因为 layui 表格是动态渲染的，直接写在 HTML 模板里或用 jQuery 静态绑定 onclick 会失效。必须等表格重绘完成、DOM 真实存在后再绑定事件，或者利用事件委托。
- 表格初始化后，
layui.table.render()的done回调里 DOM 已就绪，适合一次性绑定 - 更稳妥的做法是用
document.body.addEventListener('click', ...)委托到带特定 class 的元素上（比如copy-cell） - 不要在
templet中写onclick="copyText(...)"—— 容易污染全局、无法传参、且在沙箱环境可能被拦截
如何在 templet 中插入可点击复制的文字？
在列定义中用 templet 返回带 class 和 data 属性的 HTML，把要复制的内容塞进 data-copy-text，避免 JS 从 DOM 文本中取值（空格、换行、HTML 实体容易出错）。
{ field: 'name', title: '姓名', templet: function(d) {
return '<span class="copy-cell" data-copy-text="' + (d.name || '') + '">' + (d.name || '-') + '</span>';
}}
然后统一监听：
document.body.addEventListener('click', function(e) {
const target = e.target.closest('.copy-cell');
if (!target) return;
const text = target.dataset.copyText;
if (!text) return;
navigator.clipboard.writeText(text)
.then(() => layer.msg('已复制'))
.catch(() => layer.msg('复制失败，请重试'));
});
- 务必用
e.target.closest()，因为点击可能落在 span 内部文本节点上 -
data-copy-text是最安全的传值方式，比target.innerText更可靠（避免换行符、多余空格、标签残留） - 移动端 Safari 对
navigator.clipboard要求用户手势触发，上述 click 监听满足条件；但若用mouseenter触发则会失败
兼容性与降级处理要点
IE 和部分旧版浏览器不支持 navigator.clipboard，如果项目还需兼容，得 fallback 到 document.execCommand('copy')，但该方法已被弃用且限制更多（必须是可编辑状态、需 contenteditable 或 input 元素选中）。
- 现代项目建议只支持 Chrome 66+、Firefox 63+、Edge 79+、Safari 13.1+，直接用
navigator.clipboard - 若必须兼容 IE，可临时创建
<textarea></textarea>插入 body，select()后执行document.execCommand('copy')，完事后移除 - 注意：Safari 在非用户手势（如 setTimeout）中调用
writeText会静默失败，所以事件委托必须是原生 click/mousedown
真正麻烦的是异步渲染场景——比如表格开启了 page: true，翻页后新行没绑定事件。这时候别忘了在 done 回调里重新绑定，或坚持用 document.body 委托（它天然支持动态内容）。
