应使用 pointerdown 事件配合 event.target.closest("[data-copyable]") 精准触发复制，调用 navigator.clipboard.writeText() 并捕获异常；禁用选中用 user-select: none；添加视觉反馈；对空内容跳过；必要时降级 document.execCommand。

点击单元格自动复制内容，但不触发双击选中干扰

直接监听 click 事件会和浏览器默认文本选中冲突，尤其在桌面端双击易触发全词选中，反而让复制失败。正确做法是用 mousedown 或 pointerdown 捕获第一次按下动作，并立即阻止默认行为，避免光标聚焦和选中干扰。

• 给表格加 user-select: none CSS，禁用默认选中（但保留可复制能力）
• 绑定事件时用 event.target 精准取当前单元格文本，别用 innerText（含换行/空格），改用 textContent.trim()
• 移动端需兼容 touchstart，建议统一用 pointerdown（现代浏览器支持良好）

复制逻辑必须用 navigator.clipboard.writeText()，别用 document.execCommand()

document.execCommand("copy") 已被废弃，Chrome 90+ 完全移除，且依赖 textarea 插入、聚焦等副作用，容易被防广告插件拦截或触发安全策略报错。新标准要求显式权限且必须在用户手势上下文中调用。

• 确保调用 navigator.clipboard.writeText() 在 pointerdown 或 click 回调内，否则抛 "Permission denied"
• 捕获异常：部分旧版 Safari 或禁用剪贴板权限的环境会 reject Promise，需 .catch(e => console.warn("Copy failed:", e))
• 不要手动创建 textarea 或 input 元素模拟复制——冗余且不可靠

只对特定列启用复制，比如“ID”“邮箱”“订单号”这类高价值字段

全表单元格都响应复制既没必要，又增加误触概率。应在 HTML 层通过 class 或 data 属性标记可复制列，JS 只处理这些目标。

Aria2 Json Rpc

通过 JSON‑RPC 2.0 与 aria2 下载管理器交互，使用自然语言命令管理下载、查询状态并控制任务。适用于 aria2、下载管理或种子操作。

下载

• 在 <td> 上加 data-copyable="true" 或 class js-copy-cell
• 事件委托到 <table>，用 event.target.closest("[data-copyable]") 判断是否命中
• 避免给每行每列单独绑定事件，减少内存占用和事件监听器数量

视觉反馈不能只靠 console.log，要让用户立刻感知成功

复制成功后无任何提示，用户会反复点击，甚至怀疑功能失效。但弹出 alert() 或 prompt() 会打断操作流，应轻量反馈。

立即学习“前端免费学习笔记（深入）”；

• 临时添加 tooltip 类样式（如 position: relative + ::after 伪元素）显示“已复制”，2 秒后自动消失
• 用 getComputedStyle 检查当前单元格是否已有焦点或正在编辑（如 contenteditable），有则跳过复制
• 如果内容为空字符串或全是空白符，不执行复制，也不反馈——避免误导

真正难的是平衡兼容性与现代 API 使用：iOS Safari 对 navigator.clipboard 的支持仍需用户手动开启“网站设置 > 剪贴板访问”，而老 IE 根本不支持。实际项目里得 fallback 到 document.execCommand 的降级路径，但必须明确标注“仅限 IE11/Edge Legacy”。