直接复制含表单控件的HTML表格会丢失用户输入值，因浏览器仅提取textContent而非value属性；正确做法是通过closest('tr')定位行，遍历input/textarea/select取.value，用制表符分隔并调用navigator.clipboard.writeText写入TSV格式。
HTML表格里嵌了<textarea></textarea>或<input type="text">，直接选中复制会丢值、错行、粘贴成一团——这不是你操作错了，是浏览器根本没把表单控件的当前值当“可见文本”来处理。
为什么表格里的textarea内容复制后总为空或不对
浏览器默认复制行为只抓取元素的textContent或innerText，而textarea和input的用户输入值存在value属性里，DOM树上看不到。所以哪怕你用鼠标拖选整个单元格，复制出来的也常是空字符串或占位符（placeholder），不是真实输入内容。
- 直接右键 → “复制” 或 Ctrl+C：几乎总是失败，尤其在动态渲染的表格中
-
document.execCommand('copy')配合select()：必须先聚焦+选中textarea本身，不能靠外层<td>触发 <li>用<code>innerHTML或outerHTML提取：拿到的是初始HTML，不是运行时value，用户填过的数据全丢失 - 给每行的
<tr>加一个标识，比如<code>data-row-id，或直接用closest('tr')定位事件源 - 遍历该行内所有
input[type="text"]、textarea、select，用.value取值（不是.textContent） - 用制表符
\t分隔各字段，换行符\n分隔行，构造成TSV格式，Excel能原样识别 - 必须用
navigator.clipboard.writeText()，不要用execCommand——后者在现代 Chrome/Firefox 中已废弃，且对textarea值支持极差
点击按钮复制当前行所有表单字段值（含textarea）
核心是绕过“视觉选择”，改用 DOM 查询 + 属性读取 + Clipboard API 写入。每行应有唯一上下文，避免全局选择器误匹配。
示例片段：
立即学习“前端免费学习笔记（深入）”；
button.addEventListener('click', () => {
const row = button.closest('tr');
const fields = row.querySelectorAll('input[type="text"], textarea, select');
const values = Array.from(fields).map(el => el.value || '');
const tsvRow = values.join('\t');
navigator.clipboard.writeText(tsvRow);
});
复制整行时如何处理空值、换行符和特殊字符
用户在textarea里敲回车、贴带引号的JSON、输中文顿号，都会让粘贴到Excel时错列甚至崩格式。不能简单拼接。
- 所有字段值需用双引号包裹：
"${val.replace(/"/g, '""')}"（CSV规则） - 字段内换行符
\n要保留，但必须在双引号内，否则TSV解析器会误判为新行 - 空值建议留空字符串而非
"null"或"N/A"，Excel默认把空单元格当空白处理 - 如果目标是纯文本粘贴（非Excel），可改用
\u200B（零宽空格）替代制表符，避免被编辑器吞掉
兼容性兜底：HTTP 环境下navigator.clipboard不可用怎么办
本地开发（http://localhost）或 HTTP 页面调用navigator.clipboard.writeText()会直接报NotAllowedError。别硬扛，降级要明确。
- 先检测：
if ('clipboard' in navigator)，否则走execCommand老路 - 老路必须满足两个条件：临时
<textarea></textarea>要focus()，且必须由用户手势（click）触发，不能异步延迟 - 不要移除临时
<textarea></textarea>太早——有些浏览器在execCommand执行完前就回收了节点，导致失败 - HTTP环境强烈建议加提示：“请按 Ctrl+C 复制下方内容”，然后把拼好的TSV塞进一个
readonly的<textarea></textarea>供手动复制
真正麻烦的从来不是“怎么写代码”，而是表格里混着contenteditable、Shadow DOM、动态加载的textarea，以及用户一边输一边点复制按钮——这些场景下，value可能还没同步，得监听input事件做防抖，或者用setTimeout(..., 0)延后读值。
