ctrl+enter 提交需在 textarea 的 keydown 事件中判断 event.key === 'enter' && event.ctrlkey，调用 preventdefault() 阻止换行，并显式执行提交函数；同时兼容 shift+enter 换行，避免使用废弃的 keycode。

HTML `` 默认按 Enter 是换行，不是提交。要实现 Ctrl+Enter 提交，关键是在 `keydown` 事件中拦截组合键，并主动触发提交逻辑，同时阻止默认换行行为。

监听 textarea 的 keydown 事件

必须用 `keydown`（而非 `keypress` 或 `keyup`），因为需要在按键按下瞬间判断修饰键状态，并及时调用 `preventDefault()` 阻止换行。

• 监听目标：给 `` 绑定 `keydown` 事件
• 判断条件：`event.key === 'Enter' && event.ctrlKey`（推荐用 `key`，兼容性好且语义清晰）
• 必须调用 `event.preventDefault()`，否则 Ctrl+Enter 仍会插入换行符

触发提交动作，而非依赖表单自动提交

多数场景下，`` 不在 `<form>` 内（如聊天输入框），或表单结构复杂，不宜依赖浏览器默认提交行为。稳妥做法是显式调用提交函数。</form>

html-to-pptx

将多页 HTML 演示文稿转换为美化的 PPTX 文件，便于分享和分发。

下载

• 把提交逻辑封装成独立函数（例如 `sendMessage()` 或 `submitForm()`）
• 在 Ctrl+Enter 条件满足时直接调用该函数
• 若需复用按钮点击逻辑，可调用对应按钮的 `.click()` 方法（前提是按钮存在且已绑定处理函数）

区分 Shift+Enter 换行与 Ctrl+Enter 提交

用户常期望 Shift+Enter 换行、Ctrl+Enter 提交——两者需共存，不能互相干扰。

• 先判断 `event.shiftKey && event.key === 'Enter'` → 允许默认换行（不调用 `preventDefault()`）
• 再判断 `event.ctrlKey && event.key === 'Enter'` → 调用 `preventDefault()` 并执行提交
• 其他 Enter 单独按下时，保持原换行行为（即不做干预）

避免常见陷阱

有些写法看似可行，实则容易出错：

• 不用 `keyCode`（已废弃），统一用 `event.key === 'Enter'`
• 不要只监听 `input` 或 `blur`，它们无法捕获组合键
• 如果 `` 在 `<form>` 内，且希望触发表单原生提交，仍需 `event.preventDefault()` + `form.submit()`，而不是依赖隐式提交</form>
• 确保 `` 可聚焦（无 `disabled` 或 `readonly`，且 tabindex 合理）

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！