text-overflow: ellipsis截断后复制不全，因innerText受CSS影响不可靠，应改用textContent或在templet中显式存data-content并读取，确保复制内容与用户所见一致。
单元格内容被 CSS 截断（text-overflow: ellipsis）导致复制不全
用户看到的是“2026年6月10日…”，但 e.target.innerText 或 e.target.textContent 取出来的可能还是完整字符串；可一旦加了 text-overflow: ellipsis + white-space: nowrap，部分浏览器（尤其是 Safari 和旧版 Chrome）会把 innerText 也截断成显示值。这不是 Layui 的问题，是浏览器渲染层对 innerText 的实现差异。
实操建议：
- 永远不要依赖
innerText获取可复制文本——它受 CSS 影响，不可靠 - 改用
textContent（纯 DOM 文本，无视样式），但要注意：如果列用了templet渲染 HTML，textContent会包含子元素间的换行和空格 - 最稳方案：在
templet中显式存原始值到data-content，例如：templet: function(d) {<br> return '<div data-content="' + d.dateStr + '">' + d.dateShow + '</div>';<br>} - 复制时读
e.target.dataset.content，完全绕过渲染干扰
templet 渲染后复制出空格、换行或标签残留
自定义 templet 返回 HTML 字符串后，Layui 把它作为子节点插入 td，此时 td.textContent 是所有子节点文本拼接结果，中间夹着大量空白符，甚至可能混入图标符号（如 '✅' + d.name）。
实操建议：
- 避免在
templet字符串里直接拼接非文本内容，比如别写' ' + d.name - 把可复制文本单独包裹一层，例如：
'+ d.name + ' - 复制逻辑中优先查
e.target.querySelector('.copy-source')?.textContent?.trim() - 对日期、金额等格式化字段，必须在
templet中写死data-content，否则复制出来就是原始 ISO 时间或数字，不是用户看到的“六月十日”或“¥12,345.00”
移动端点击后复制失败或内容不全
部分安卓 WebView 和 iOS Safari 在快速点击或单元格内含 div 嵌套时，cellClick 回调可能延迟触发，甚至丢失；更常见的是，user-select: none 虽然不影响事件，但会让 Range 全选失效，间接导致复制逻辑误判目标节点。
实操建议：
- 确保表格容器或
td上已覆盖 CSS：.layui-table td { user-select: text !important; } - 移动端慎用
selectNodeContents(cell)，改用navigator.clipboard.writeText直接写值——它不依赖选中状态 - 绑定事件必须在
table.render()的done回调里执行，且监听tbody或.layui-table容器，别绑td（动态元素） - 检查是否在
async/await或setTimeout里调用了navigator.clipboard.writeText——这会破坏用户手势上下文，iOS Safari 下必失败
HTTPS 环境下仍复制失败的隐蔽原因
navigator.clipboard 在 localhost 或 HTTPS 下可用，但仍有静默失败可能：页面未激活（切到其他 tab）、弹窗遮挡、或用户之前拒绝过剪贴板权限。Layui 的 cellClick 回调虽满足“用户手势”，但若回调里有异步逻辑（比如先发个请求再复制），就会掉出上下文。
实操建议：
- 复制调用必须是
cellClick回调内的**同步第一层语句**，例如：table.on('cell(test)', function(e){<br> const text = e.cell.dataset.content || e.cell.textContent?.trim();<br> if (!text) return;<br> navigator.clipboard.writeText(text) // ✅ 就在这儿，别包 promise<br> .then(() => layer.msg('已复制'))<br> .catch(err => console.warn('复制失败:', err));<br>}); - 加兜底判断：
if (!navigator.clipboard)，降级提示“请手动复制” - 别在
templet里用encodeURIComponent或escape编码data-content，除非你复制后还要解码——多数场景直接存原始字符串最安全
复杂点在于：**“看到的”和“能复制的”从来不是一回事**。Layui 表格的渲染机制、浏览器对 innerText 的实现差异、CSS 截断策略、移动端 WebView 行为，四者叠加后，哪怕只改一行 templet，都可能让复制结果突然变样。最省事的做法，是从源头控制——每个列配置里，老老实实写好 data-content。
