本文详解如何在 laravel + datatables 环境下，通过原生 javascript 实现点击“copy”按钮精准复制当前行所有 `.copy-text` 单元格内容（逗号分隔），并修复 `data-clipboard-target` 误用导致只复制首行首列的问题。
在您提供的代码中，核心问题在于： 使用 事件委托（Event Delegation） 绑定到 通过以上重构，您将获得稳定、可维护、符合现代 Web 标准的整行复制功能，彻底解决“只复制第一行第一列”的根本问题。
✅ data-clipboard-target=".copy-text" 是全局选择器，document.querySelector(".copy-text") 永远只匹配 DOM 中第一个 .copy-text 元素（即第一行第一列），因此无论点击哪一行的 Copy 按钮，都只会复制首行的 AccName。
❌ 原始事件监听器未绑定到动态生成的按钮（Laravel @foreach 渲染后存在多行），且未基于点击目标所在行（） 进行上下文定位。 ✅ 正确解决方案：事件委托 + 行级上下文提取
，通过 e.target.closest('.copy-button') 定位被点击的按钮，再用 closest('tr') 向上查找其所属行，最后遍历该行内所有 .copy-text 单元格，拼接为完整行数据：
? 关键改进点说明：
⚠️ 注意事项：
内嵌套多个 .copy-text —— 当前结构（每列一个 .copy-text）完全符合设计预期；
