textarea按回车默认换行，表格中不生效主因是焦点丢失、DOM未就绪或事件被上层阻止；需按场景区分处理：纯编辑保留换行，快速录入则preventDefault()后跳转，动态表格推荐事件委托或渲染后绑定。
为什么表格里的 <textarea></textarea> 按回车不换行？
不是代码写错了，而是浏览器默认把 <textarea></textarea> 的 Enter 当作“插入换行符”处理，但很多开发者误以为它该触发提交或跳转——尤其当这个 <textarea></textarea> 是表格里用于快速录入的单元格时。更麻烦的是，如果表格用了 contenteditable 或自定义编辑态，事件可能被拦截、焦点可能丢失、甚至 keydown 根本不触发。
addEventListener('keydown') 绑在 <textarea></textarea> 上却没反应？
常见原因有三个，按优先级排查：
- DOM 未就绪：脚本执行时
<textarea></textarea>还没渲染出来（比如表格是 JS 动态生成的），document.getElementById()返回null - 焦点不在目标元素：用户没点进该
<textarea></textarea>，或者表格某处调用了focus()抢走了焦点 - 事件被上层捕获并阻止了：比如表格父容器监听了
keydown并调用了event.stopPropagation()，导致事件到不了<textarea></textarea>
验证方法：在控制台手动执行 document.querySelector('textarea').focus() 后再按回车，如果这时能响应，说明就是焦点问题。
回车要换行还是提交？得先分清场景
同一个 <textarea></textarea> 在表格里可能承担不同角色，处理逻辑必须区分：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
立即学习“前端免费学习笔记（深入）”；
- 纯内容编辑（如备注列）：保留默认换行行为，**不要**调
event.preventDefault() - 单行快速录入（如“数量”列，期望回车保存并跳到下一行）：监听
keydown，判断event.key === 'Enter'且!event.shiftKey，然后event.preventDefault()阻止换行，再执行保存 + 聚焦下一单元格 - 多行输入但需额外操作（如“描述”列，Shift+Enter 换行，纯 Enter 提交）：只在
event.shiftKey === false时阻止默认行为
别用 keyCode 或 which ——它们已废弃，Chrome/Firefox 新版本返回 0 是常态。
动态表格中如何安全绑定事件？
表格行可能是 AJAX 加载、Vue/React 渲染或 innerHTML 拼出来的，直接遍历 querySelectorAll('textarea') 很可能绑空。推荐两种方式：
- 事件委托：监听表格容器（如
id="data-table"），用event.target.matches('textarea')判断来源，再根据event.target.dataset.role区分用途 - 绑定时机后移：在表格数据渲染完成的回调里（如
renderTable(data)函数末尾）统一绑定，确保 DOM 存在
注意：如果表格支持行内编辑切换（比如点击 <td> 才显示 <code><textarea></textarea>），必须在创建 <textarea></textarea> 元素后立刻绑定事件，而不是等整个表格重绘完——否则会出现“点了两次才生效”的现象。
