Ace编辑器仅在获焦时生效快捷键绑定的实现方案咨询

用Ace自带命令注册（最省心） #

Ace本身的命令系统默认就会检查编辑器焦点状态，只要你用editor.commands.addCommand来注册快捷键，根本不用额外做处理——只有编辑器拿到焦点时，快捷键才会触发：

editor.commands.addCommand({
    name: 'customSave',
    bindKey: { win: 'Ctrl+S', mac: 'Cmd+S' },
    exec: (editor) => {
        // 这里写你的编辑器操作逻辑
        console.log('编辑器聚焦时才会触发这个保存操作');
    }
});

不管是内置快捷键还是你自定义的，用这种方式注册就自带焦点判断，完全不用操心干扰应用其他部分。

全局快捷键需手动判断焦点 #

要是你是自己用document.addEventListener绑的全局快捷键，那得加个焦点判断：

let isEditorFocused = false;

// 监听编辑器的焦点变化
editor.on('focus', () => isEditorFocused = true);
editor.on('blur', () => isEditorFocused = false);

// 全局绑定快捷键
document.addEventListener('keydown', (e) => {
    // 比如判断Ctrl+Shift+A组合键
    if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === 'a') {
        if (isEditorFocused) {
            e.preventDefault(); // 阻止浏览器默认行为
            // 执行编辑器相关操作
            editor.insert('你要插入的内容');
        }
        // 编辑器没焦点的话，这个快捷键就交给应用其他逻辑处理
    }
});

改造内置键盘处理器（针对全局冲突场景） #

如果你的应用本身有全局快捷键体系，怕Ace的内置快捷键在失焦时捣乱，可以替换它的键盘处理器，先做焦点检查：

const originalHandler = editor.keyboardHandler;
editor.keyboardHandler = function(data, hash, key, keyCode) {
    // 编辑器没焦点就直接返回false，不处理快捷键
    if (!editor.isFocused()) return false;
    // 有焦点就用原来的处理器处理
    return originalHandler(data, hash, key, keyCode);
};

这样所有Ace自带的快捷键，比如Ctrl+Z撤销、Ctrl+F查找，都只会在编辑器聚焦时生效。

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