AI Enter 换行

让 AI 聊天输入区的 Enter 键可换行,使用 Cmd+Enter(Mac)或 Ctrl+Enter(Windows)发送消息。

  1. // ==UserScript==
  2. // @name AI Enter as Newline
  3. // @name:zh-TW AI Enter 換行
  4. // @name:zh-CN AI Enter 换行
  5. // @namespace http://tampermonkey.net/
  6. // @version 1.2.0
  7. // @description Enable Enter key for newline in AI chat input, use Cmd+Enter (Mac) or Ctrl+Enter (Windows) to send message.
  8. // @description:zh-TW 讓 AI 聊天輸入區的 Enter 鍵可換行,使用 Cmd+Enter(Mac)或 Ctrl+Enter(Windows)送出訊息。
  9. // @description:zh-CN 让 AI 聊天输入区的 Enter 键可换行,使用 Cmd+Enter(Mac)或 Ctrl+Enter(Windows)发送消息。
  10. // @author windofage
  11. // @license MIT
  12. // @match https://chatgpt.com/*
  13. // @match https://claude.ai/*
  14. // @match https://gemini.google.com/*
  15. // @match https://www.perplexity.ai/*
  16. // @match https://felo.ai/*
  17. // @match https://chat.deepseek.com/*
  18. // @match https://grok.com/*
  19. // @include http://192.168.*.*:*/*
  20. // @icon data:image/png;base64,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
  21.  
  22. // @grant GM_getValue
  23. // @grant GM_setValue
  24. // @grant GM_registerMenuCommand
  25. // ==/UserScript==
  26.  
  27. (() => {
  28. "use strict";
  29.  
  30. // ----- 設定管理 -----
  31.  
  32. // 預設設定
  33. const defaultConfig = {
  34. shortcuts: {
  35. send: {
  36. ctrl: true, // Ctrl + Enter
  37. alt: false, // Alt/Option + Enter
  38. meta: true, // Win/Cmd/Super + Enter
  39. },
  40. },
  41. };
  42.  
  43. // 多語系翻譯字典
  44. const translations = {
  45. en: {
  46. settings: "Settings",
  47. close: "✕",
  48. sendShortcut: "Send Message Shortcut (+ Enter):",
  49. save: "Save",
  50. reset: "Reset",
  51. saveSuccess: "Settings saved!",
  52. saveFailed: "Failed to save settings!",
  53. resetConfirm: "Are you sure you want to reset to default settings?",
  54. resetSuccess: "Settings reset to default!",
  55. ctrlEnter: "Ctrl + Enter",
  56. altEnter: "Alt + Enter",
  57. cmdEnter: "Cmd + Enter",
  58. winEnter: "Win + Enter",
  59. superEnter: "Super + Enter",
  60. },
  61.  
  62. "zh-tw": {
  63. settings: "設定",
  64. close: "✕",
  65. sendShortcut: "傳送訊息快捷鍵(+ Enter):",
  66. save: "儲存",
  67. reset: "重設",
  68. saveSuccess: "設定已儲存!",
  69. saveFailed: "儲存設定失敗!",
  70. resetConfirm: "確定要重設為預設設定嗎?",
  71. resetSuccess: "設定已重設為預設值!",
  72. ctrlEnter: "Ctrl + Enter",
  73. altEnter: "Alt + Enter",
  74. cmdEnter: "Cmd + Enter",
  75. winEnter: "Win + Enter",
  76. superEnter: "Super + Enter",
  77. },
  78.  
  79. "zh-cn": {
  80. settings: "设置",
  81. close: "✕",
  82. sendShortcut: "发送消息快捷键(+ Enter):",
  83. save: "保存",
  84. reset: "重置",
  85. saveSuccess: "设置已保存!",
  86. saveFailed: "保存设置失败!",
  87. resetConfirm: "确定要重置为默认设置吗?",
  88. resetSuccess: "设置已重置为默认值!",
  89. ctrlEnter: "Ctrl + Enter",
  90. altEnter: "Alt + Enter",
  91. cmdEnter: "Cmd + Enter",
  92. winEnter: "Win + Enter",
  93. superEnter: "Super + Enter",
  94. },
  95. };
  96.  
  97. // 偵測瀏覽器語言偏好
  98. function detectBrowserLanguage() {
  99. const lang = navigator.language || navigator.userLanguage;
  100. if (lang.startsWith("zh")) {
  101. if (lang.includes("TW") || lang.includes("HK") || lang.includes("MO")) {
  102. return "zh-tw";
  103. } else {
  104. return "zh-cn";
  105. }
  106. } else {
  107. return "en";
  108. }
  109. }
  110.  
  111. // 取得目前使用的語言
  112. function getCurrentLanguage() {
  113. return detectBrowserLanguage();
  114. }
  115.  
  116. // 取得翻譯文字
  117. function t(key) {
  118. const lang = getCurrentLanguage();
  119. return translations[lang]?.[key] || translations.en[key] || key;
  120. }
  121.  
  122. // 載入使用者設定
  123. function loadConfig() {
  124. try {
  125. const savedConfig = GM_getValue("aiEnterConfig");
  126. if (savedConfig) {
  127. const config = JSON.parse(savedConfig);
  128. return {
  129. shortcuts: {
  130. send: {
  131. ctrl:
  132. config.shortcuts?.send?.ctrl !== undefined
  133. ? config.shortcuts.send.ctrl
  134. : defaultConfig.shortcuts.send.ctrl,
  135. alt:
  136. config.shortcuts?.send?.alt !== undefined
  137. ? config.shortcuts.send.alt
  138. : defaultConfig.shortcuts.send.alt,
  139. meta:
  140. config.shortcuts?.send?.meta !== undefined
  141. ? config.shortcuts.send.meta
  142. : defaultConfig.shortcuts.send.meta,
  143. },
  144. },
  145. };
  146. }
  147. } catch (error) {
  148. console.error("載入設定時發生錯誤:", error);
  149. }
  150. return defaultConfig;
  151. }
  152.  
  153. // 儲存設定
  154. function saveConfig(config) {
  155. try {
  156. GM_setValue("aiEnterConfig", JSON.stringify(config));
  157. return true;
  158. } catch (error) {
  159. console.error("儲存設定時發生錯誤:", error);
  160. return false;
  161. }
  162. }
  163.  
  164. // 建立設定介面
  165. function createConfigInterface() {
  166. // 如果已經有設定視窗開啟,則關閉它
  167. const existingDialog = document.getElementById("ai-enter-config");
  168. if (existingDialog) {
  169. existingDialog.remove();
  170. return;
  171. }
  172.  
  173. // 偵測使用者的作業系統
  174. function detectOS() {
  175. const userAgent = navigator.userAgent.toLowerCase();
  176. const platform = navigator.platform.toLowerCase();
  177.  
  178. if (platform.includes("mac") || userAgent.includes("mac")) {
  179. return "mac";
  180. } else if (platform.includes("win") || userAgent.includes("win")) {
  181. return "windows";
  182. } else if (platform.includes("linux") || userAgent.includes("linux")) {
  183. return "linux";
  184. } else {
  185. return "other";
  186. }
  187. }
  188.  
  189. const currentOS = detectOS();
  190.  
  191. // 載入目前設定
  192. const config = loadConfig();
  193.  
  194. // 偵測深色模式
  195. const isDarkMode =
  196. window.matchMedia &&
  197. window.matchMedia("(prefers-color-scheme: dark)").matches;
  198.  
  199. // 根據深色/淺色模式設定配色
  200. const colors = {
  201. background: isDarkMode ? "#2d2d2d" : "#ffffff",
  202. text: isDarkMode ? "#e0e0e0" : "#333333",
  203. border: isDarkMode ? "#555555" : "#dddddd",
  204. inputBg: isDarkMode ? "#3d3d3d" : "#ffffff",
  205. inputBorder: isDarkMode ? "#666666" : "#dddddd",
  206. buttonBg: isDarkMode ? "#3d3d3d" : "#f5f5f5",
  207. buttonText: isDarkMode ? "#e0e0e0" : "#333333",
  208. primary: "#4caf50", // 綠色按鈕,保持不變
  209. shadow: isDarkMode ? "rgba(0,0,0,0.3)" : "rgba(0,0,0,0.15)",
  210. };
  211.  
  212. // 建立設定對話框
  213. const dialogDiv = document.createElement("div");
  214. dialogDiv.id = "ai-enter-config";
  215. dialogDiv.style.position = "fixed";
  216. dialogDiv.style.top = "50%";
  217. dialogDiv.style.left = "50%";
  218. dialogDiv.style.transform = "translate(-50%, -50%)";
  219. dialogDiv.style.backgroundColor = colors.background;
  220. dialogDiv.style.color = colors.text;
  221. dialogDiv.style.border = `1px solid ${colors.border}`;
  222. dialogDiv.style.borderRadius = "8px";
  223. dialogDiv.style.padding = "20px";
  224. dialogDiv.style.width = "350px";
  225. dialogDiv.style.maxWidth = "90vw";
  226. dialogDiv.style.maxHeight = "90vh";
  227. dialogDiv.style.overflowY = "auto";
  228. dialogDiv.style.zIndex = "10000";
  229. dialogDiv.style.boxShadow = `0 4px 12px ${colors.shadow}`;
  230. dialogDiv.style.fontFamily =
  231. "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif";
  232.  
  233. // 設定標題
  234. const titleDiv = document.createElement("div");
  235. titleDiv.style.display = "flex";
  236. titleDiv.style.justifyContent = "space-between";
  237. titleDiv.style.alignItems = "center";
  238. titleDiv.style.marginBottom = "16px";
  239.  
  240. const title = document.createElement("h2");
  241. title.textContent = t("settings");
  242. title.style.margin = "0";
  243. title.style.fontSize = "18px";
  244. title.style.color = colors.text;
  245.  
  246. const closeButton = document.createElement("button");
  247. closeButton.textContent = t("close");
  248. closeButton.style.background = "none";
  249. closeButton.style.border = "none";
  250. closeButton.style.color = colors.text;
  251. closeButton.style.cursor = "pointer";
  252. closeButton.style.fontSize = "18px";
  253. closeButton.onclick = () => dialogDiv.remove();
  254.  
  255. titleDiv.appendChild(title);
  256. titleDiv.appendChild(closeButton);
  257. dialogDiv.appendChild(titleDiv);
  258.  
  259. // 快捷鍵設定
  260. const shortcutsLabel = document.createElement("label");
  261. shortcutsLabel.textContent = t("sendShortcut");
  262. shortcutsLabel.style.display = "block";
  263. shortcutsLabel.style.marginBottom = "12px";
  264. shortcutsLabel.style.color = colors.text;
  265. shortcutsLabel.style.fontWeight = "bold";
  266. dialogDiv.appendChild(shortcutsLabel);
  267.  
  268. // 快捷鍵選項容器
  269. const shortcutsContainer = document.createElement("div");
  270. shortcutsContainer.style.marginBottom = "16px";
  271. shortcutsContainer.style.padding = "12px";
  272. shortcutsContainer.style.backgroundColor = isDarkMode
  273. ? "#3a3a3a"
  274. : "#f8f9fa";
  275. shortcutsContainer.style.border = `1px solid ${colors.border}`;
  276. shortcutsContainer.style.borderRadius = "6px";
  277.  
  278. // 根據作業系統顯示適當的快捷鍵標籤
  279. const shortcuts = [
  280. {
  281. key: "ctrl",
  282. label: currentOS === "mac" ? `⌃ ${t("ctrlEnter")}` : t("ctrlEnter"),
  283. },
  284. {
  285. key: "alt",
  286. label: currentOS === "mac" ? `⌥ ${t("altEnter")}` : t("altEnter"),
  287. },
  288. {
  289. key: "meta",
  290. label:
  291. currentOS === "mac"
  292. ? `⌘ ${t("cmdEnter")}`
  293. : currentOS === "windows"
  294. ? `⊞ ${t("winEnter")}`
  295. : currentOS === "linux"
  296. ? t("superEnter")
  297. : t("winEnter"),
  298. },
  299. ];
  300.  
  301. shortcuts.forEach((shortcut) => {
  302. const optionDiv = document.createElement("div");
  303. optionDiv.style.display = "flex";
  304. optionDiv.style.alignItems = "center";
  305. optionDiv.style.marginBottom = "8px";
  306.  
  307. const checkbox = document.createElement("input");
  308. checkbox.type = "checkbox";
  309. checkbox.id = `shortcut-${shortcut.key}`;
  310. checkbox.checked =
  311. config.shortcuts?.send?.[shortcut.key] !== undefined
  312. ? config.shortcuts.send[shortcut.key]
  313. : defaultConfig.shortcuts.send[shortcut.key];
  314. if (isDarkMode) {
  315. checkbox.style.accentColor = colors.primary;
  316. }
  317.  
  318. const labelElement = document.createElement("label");
  319. labelElement.htmlFor = `shortcut-${shortcut.key}`;
  320. labelElement.style.marginLeft = "8px";
  321. labelElement.style.color = colors.text;
  322. labelElement.style.cursor = "pointer";
  323. labelElement.style.flexGrow = "1";
  324. labelElement.textContent = shortcut.label;
  325.  
  326. optionDiv.appendChild(checkbox);
  327. optionDiv.appendChild(labelElement);
  328. shortcutsContainer.appendChild(optionDiv);
  329. });
  330.  
  331. dialogDiv.appendChild(shortcutsContainer);
  332.  
  333. // 按鈕區域
  334. const buttonDiv = document.createElement("div");
  335. buttonDiv.style.display = "flex";
  336. buttonDiv.style.justifyContent = "flex-end";
  337. buttonDiv.style.marginTop = "16px";
  338.  
  339. const saveButton = document.createElement("button");
  340. saveButton.textContent = t("save");
  341. saveButton.style.padding = "8px 16px";
  342. saveButton.style.backgroundColor = colors.primary;
  343. saveButton.style.color = "white";
  344. saveButton.style.border = "none";
  345. saveButton.style.borderRadius = "4px";
  346. saveButton.style.cursor = "pointer";
  347. saveButton.style.marginLeft = "8px";
  348.  
  349. saveButton.onclick = () => {
  350. // 取得勾選的快捷鍵設定
  351. const sendShortcuts = {
  352. ctrl: document.getElementById("shortcut-ctrl").checked,
  353. alt: document.getElementById("shortcut-alt").checked,
  354. meta: document.getElementById("shortcut-meta").checked,
  355. };
  356.  
  357. const newConfig = {
  358. shortcuts: {
  359. send: sendShortcuts,
  360. },
  361. };
  362.  
  363. if (saveConfig(newConfig)) {
  364. alert(t("saveSuccess"));
  365. dialogDiv.remove();
  366. // 重新載入設定
  367. currentConfig = loadConfig();
  368. } else {
  369. alert(t("saveFailed"));
  370. }
  371. };
  372.  
  373. const resetButton = document.createElement("button");
  374. resetButton.textContent = t("reset");
  375. resetButton.style.padding = "8px 16px";
  376. resetButton.style.backgroundColor = colors.buttonBg;
  377. resetButton.style.color = colors.buttonText;
  378. resetButton.style.border = `1px solid ${colors.border}`;
  379. resetButton.style.borderRadius = "4px";
  380. resetButton.style.cursor = "pointer";
  381.  
  382. resetButton.onclick = () => {
  383. if (confirm(t("resetConfirm"))) {
  384. saveConfig(defaultConfig);
  385. alert(t("resetSuccess"));
  386. dialogDiv.remove();
  387. // 重新載入設定
  388. currentConfig = loadConfig();
  389. // 移除背景遮罩
  390. const overlay = document.querySelector('div[style*="z-index: 9999"]');
  391. if (overlay) overlay.remove();
  392. // 重新開啟設定介面以顯示重設後的設定
  393. createConfigInterface();
  394. }
  395. };
  396.  
  397. buttonDiv.appendChild(resetButton);
  398. buttonDiv.appendChild(saveButton);
  399. dialogDiv.appendChild(buttonDiv);
  400.  
  401. // 新增設定對話框到頁面
  402. document.body.appendChild(dialogDiv);
  403.  
  404. // 新增背景遮罩
  405. const overlay = document.createElement("div");
  406. overlay.style.position = "fixed";
  407. overlay.style.top = "0";
  408. overlay.style.left = "0";
  409. overlay.style.width = "100%";
  410. overlay.style.height = "100%";
  411. overlay.style.backgroundColor = isDarkMode
  412. ? "rgba(0,0,0,0.7)"
  413. : "rgba(0,0,0,0.5)";
  414. overlay.style.zIndex = "9999";
  415. overlay.onclick = () => {
  416. overlay.remove();
  417. dialogDiv.remove();
  418. };
  419.  
  420. document.body.insertBefore(overlay, dialogDiv);
  421. }
  422.  
  423. // 載入設定
  424. let currentConfig = loadConfig();
  425.  
  426. // 註冊設定選單
  427. GM_registerMenuCommand("⚙️ Settings", createConfigInterface);
  428.  
  429. // 輸出啟動資訊至 console
  430. console.log(
  431. "AI Enter Newline UserScript loaded. Current config:",
  432. currentConfig
  433. );
  434.  
  435. // 輔助函數:取得事件目標元素
  436. function getEventTarget(e) {
  437. return e.composedPath ? e.composedPath()[0] || e.target : e.target;
  438. }
  439.  
  440. // 輔助函數:檢查是否正在進行中文輸入
  441. function isChineseInputMode(e) {
  442. return e.isComposing || e.keyCode === 229;
  443. }
  444.  
  445. // 輔助函數:檢查是否在 ChatGPT 輸入框內
  446. function isInChatGPTTextarea(target) {
  447. return (
  448. target.id === "prompt-textarea" ||
  449. target.closest("#prompt-textarea") ||
  450. (target.getAttribute && target.getAttribute("contenteditable") === "true")
  451. );
  452. }
  453.  
  454. /**
  455. * 檢查按鍵組合是否為任何可能的發送快捷鍵(不論是否啟用)
  456. * @param {KeyboardEvent} e - 鍵盤事件
  457. * @returns {boolean} 是否為潛在的發送快捷鍵組合
  458. */
  459. function isPotentialSendShortcut(e) {
  460. if (e.key !== "Enter") return false;
  461.  
  462. // 檢查是否為任何可能的發送快捷鍵組合:Ctrl+Enter、Alt+Enter 或 Cmd+Enter
  463. const isCtrlOnly = e.ctrlKey && !e.altKey && !e.metaKey && !e.shiftKey;
  464. const isAltOnly = e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
  465. const isMetaOnly = e.metaKey && !e.ctrlKey && !e.altKey && !e.shiftKey;
  466.  
  467. return isCtrlOnly || isAltOnly || isMetaOnly;
  468. }
  469.  
  470. // 檢查是否為發送快捷鍵
  471. function isSendShortcut(e) {
  472. // 必須按下 Enter 鍵
  473. if (e.key !== "Enter") return false;
  474.  
  475. const shortcuts =
  476. currentConfig.shortcuts?.send || defaultConfig.shortcuts.send;
  477.  
  478. // 檢查是否有任何一個勾選的快捷鍵符合目前按鍵組合
  479. return (
  480. (shortcuts.ctrl && e.ctrlKey && !e.altKey && !e.metaKey) ||
  481. (shortcuts.alt && e.altKey && !e.ctrlKey && !e.metaKey) ||
  482. (shortcuts.meta && e.metaKey && !e.ctrlKey && !e.altKey)
  483. );
  484. }
  485.  
  486. // ChatGPT 特殊處理:尋找送出按鈕
  487. let findChatGPTSubmitButton = () => {
  488. return document.querySelector('button[data-testid="send-button"]');
  489. };
  490.  
  491. // 監聽 keydown 事件,攔截非預期的 Enter 按下事件,避免在輸入元件內誤觸送出
  492. window.addEventListener(
  493. "keydown",
  494. (e) => {
  495. // ChatGPT 網站特殊處理
  496. if (window.location.href.includes("chatgpt.com")) {
  497. // 如果正在進行中文輸入法選字,不干擾原生行為
  498. if (isChineseInputMode(e)) {
  499. return;
  500. }
  501.  
  502. // 如果是 Enter 鍵且沒有按下其他修飾鍵
  503. if (
  504. e.key === "Enter" &&
  505. !e.ctrlKey &&
  506. !e.shiftKey &&
  507. !e.metaKey &&
  508. !e.altKey
  509. ) {
  510. const target = getEventTarget(e);
  511. // 檢查是否在 prompt-textarea 或其他輸入區域
  512. if (isInChatGPTTextarea(target)) {
  513. e.stopPropagation();
  514. e.preventDefault();
  515.  
  516. // 更可靠的換行方法:模擬 Shift+Enter 按鍵事件
  517. const shiftEnterEvent = new KeyboardEvent("keydown", {
  518. key: "Enter",
  519. code: "Enter",
  520. shiftKey: true,
  521. bubbles: true,
  522. cancelable: true,
  523. });
  524. target.dispatchEvent(shiftEnterEvent);
  525.  
  526. // 如果上述方法無效,嘗試使用 insertParagraph 命令
  527. if (!shiftEnterEvent.defaultPrevented) {
  528. document.execCommand("insertParagraph");
  529. }
  530.  
  531. return;
  532. }
  533. }
  534.  
  535. // 使用自訂快捷鍵觸發送出
  536. if (isSendShortcut(e)) {
  537. // 同樣,如果正在中文輸入,不處理
  538. if (isChineseInputMode(e)) {
  539. return;
  540. }
  541.  
  542. const target = getEventTarget(e);
  543. if (isInChatGPTTextarea(target)) {
  544. const submitButton = findChatGPTSubmitButton();
  545. if (submitButton && !submitButton.disabled) {
  546. e.preventDefault();
  547. e.stopPropagation();
  548. submitButton.click();
  549. }
  550. }
  551. }
  552.  
  553. // 智慧型事件冒泡防止:如果是潛在的快捷鍵但未被使用者啟用,
  554. // 阻止事件傳播,避免觸發 ChatGPT 的原生快捷鍵行為
  555. if (isPotentialSendShortcut(e)) {
  556. const target = getEventTarget(e);
  557. if (isInChatGPTTextarea(target)) {
  558. e.preventDefault();
  559. e.stopPropagation();
  560. }
  561. }
  562. } else {
  563. // 其他網站的處理邏輯
  564. // 如果正在進行中文輸入法選字,不干擾原生行為
  565. if (isChineseInputMode(e)) {
  566. return;
  567. }
  568.  
  569. // 如果是 Enter 鍵且沒有按下其他修飾鍵(純 Enter)
  570. if (
  571. e.key === "Enter" &&
  572. !e.ctrlKey &&
  573. !e.shiftKey &&
  574. !e.metaKey &&
  575. !e.altKey
  576. ) {
  577. const target = getEventTarget(e);
  578. if (
  579. /INPUT|TEXTAREA|SELECT|LABEL/.test(target.tagName) ||
  580. (target.getAttribute &&
  581. target.getAttribute("contenteditable") === "true")
  582. ) {
  583. // 阻止事件向上冒泡,避免觸發不必要的送出行為
  584. e.stopPropagation();
  585. }
  586. }
  587.  
  588. // 如果是自訂快捷鍵組合,讓原生行為執行(不阻止)
  589. // 這樣使用者可以在其他網站使用相同的快捷鍵設定
  590. if (isSendShortcut(e)) {
  591. // 不做任何處理,讓網站的原生快捷鍵邏輯執行
  592. return;
  593. }
  594.  
  595. // 智慧型事件冒泡防止:如果是潛在的快捷鍵但未被使用者啟用,
  596. // 也要阻止冒泡,避免觸發網站的原生快捷鍵行為
  597. // 但對於 felo.ai,允許 ctrl+enter 正常冒泡, 因為 felo.ai 的 ctrl+enter 是用來搜尋網頁的
  598. if (isPotentialSendShortcut(e)) {
  599. // 如果是 felo.ai 且是 ctrl+enter,不阻止冒泡
  600. if (
  601. window.location.href.includes("felo.ai") &&
  602. e.ctrlKey &&
  603. e.key === "Enter" &&
  604. !e.altKey &&
  605. !e.metaKey
  606. ) {
  607. return;
  608. }
  609.  
  610. const target = getEventTarget(e);
  611. if (
  612. /INPUT|TEXTAREA|SELECT|LABEL/.test(target.tagName) ||
  613. (target.getAttribute &&
  614. target.getAttribute("contenteditable") === "true")
  615. ) {
  616. e.stopPropagation();
  617. }
  618. }
  619. }
  620. },
  621. true
  622. );
  623.  
  624. // 監聽 keypress 事件,防止在輸入元件內誤觸送出
  625. window.addEventListener(
  626. "keypress",
  627. (e) => {
  628. // ChatGPT 網站使用 keydown 處理就足夠,這裡保持原樣
  629. if (window.location.href.includes("chatgpt.com")) return;
  630.  
  631. // 如果正在進行中文輸入法選字,不干擾原生行為
  632. if (isChineseInputMode(e)) return; // 如果是 Enter 鍵且沒有按下其他修飾鍵(純 Enter)
  633. if (
  634. e.key === "Enter" &&
  635. !e.ctrlKey &&
  636. !e.shiftKey &&
  637. !e.metaKey &&
  638. !e.altKey
  639. ) {
  640. const target = getEventTarget(e);
  641. if (
  642. /INPUT|TEXTAREA|SELECT|LABEL/.test(target.tagName) ||
  643. (target.getAttribute &&
  644. target.getAttribute("contenteditable") === "true")
  645. ) {
  646. // 同樣阻止事件冒泡
  647. e.stopPropagation();
  648. }
  649. }
  650.  
  651. // 如果是自訂快捷鍵組合,讓原生行為執行(不阻止)
  652. if (isSendShortcut(e)) {
  653. return;
  654. }
  655.  
  656. // 智慧型事件冒泡防止:如果是潛在的快捷鍵但未被使用者啟用,
  657. // 也要阻止冒泡,避免觸發網站的原生快捷鍵行為
  658. // 但對於 felo.ai,允許 ctrl+enter 正常冒泡
  659. if (isPotentialSendShortcut(e)) {
  660. // 如果是 felo.ai 且是 ctrl+enter,不阻止冒泡
  661. if (
  662. window.location.href.includes("felo.ai") &&
  663. e.ctrlKey &&
  664. e.key === "Enter" &&
  665. !e.altKey &&
  666. !e.metaKey
  667. ) {
  668. return;
  669. }
  670.  
  671. const target = getEventTarget(e);
  672. if (
  673. /INPUT|TEXTAREA|SELECT|LABEL/.test(target.tagName) ||
  674. (target.getAttribute &&
  675. target.getAttribute("contenteditable") === "true")
  676. ) {
  677. e.stopPropagation();
  678. }
  679. }
  680. },
  681. true
  682. );
  683. })();