如何修改Electron中textarea的Ctrl+Backspace快捷键行为？

首先明确：这个需求属于JS/Electron的范畴——我们需要通过JavaScript拦截键盘事件，覆盖浏览器默认的单词删除逻辑，自定义快捷键的行为。HTML/CSS无法处理键盘事件的逻辑，Chrome的默认规则是底层行为，但我们可以通过JS来改写。

实现步骤 #

以下是具体的代码实现方案，针对你的<textarea>元素：

1. 先定义Brainfuck的核心字符集合：

const BRAINFUCK_CHARS = new Set(['>', '<', '+', '-', '.', ',', '[', ']']);

2. 绑定键盘事件并自定义删除逻辑：
   给你的文本编辑器textarea绑定keydown事件，拦截Ctrl+Backspace的默认行为，替换成逐个删除单个Brainfuck字符的逻辑：

// 替换成你实际的textarea选择器
const bfEditor = document.querySelector('#brainfuck-editor');

bfEditor.addEventListener('keydown', (event) => {
  // 匹配Ctrl+Backspace组合键（如需支持Mac的Cmd+Backspace，可加上event.metaKey）
  if (event.ctrlKey && event.key === 'Backspace') {
    event.preventDefault(); // 阻止浏览器默认的整词删除行为
    
    const cursorPos = bfEditor.selectionStart;
    if (cursorPos === 0) return; // 光标在开头时无需操作
    
    // 检查光标前的字符是否为Brainfuck字符
    const prevChar = bfEditor.value.charAt(cursorPos - 1);
    if (BRAINFUCK_CHARS.has(prevChar)) {
      // 手动删除光标前的单个字符
      bfEditor.value = bfEditor.value.slice(0, cursorPos - 1) + bfEditor.value.slice(cursorPos);
      // 调整光标到删除后的位置
      bfEditor.selectionStart = bfEditor.selectionEnd = cursorPos - 1;
    } else {
      // 可选：如果是非Brainfuck字符，可选择保留默认删除逻辑，或者同样逐个删除
      // 若要保留默认，可移除此处的else，同时去掉上方的event.preventDefault()
    }
  }
});

额外说明 #

• 这段代码会让Ctrl+Backspace针对连续的Brainfuck字符（比如>>>）逐个删除，而非一次性删掉整串。
• 如果需要适配Mac平台，只需把判断条件改成(event.ctrlKey || event.metaKey) && event.key === 'Backspace'即可。
• 要是希望所有字符都用这个逐个删除的逻辑，直接去掉if (BRAINFUCK_CHARS.has(prevChar))的判断，直接执行删除操作就行。

内容的提问来源于stack exchange，提问作者Nelson