嘿，这个问题问得很实际！首先得明确一点：原生HTML的accesskey属性本身不支持多键组合——它只能接受单个字符作为快捷键，直接写accesskey="a+b"这种写法完全不会生效。要实现类似A+B同时按下触发按钮的效果，得靠JavaScript来监听键盘事件才行。

具体实现思路 #

核心逻辑是通过全局监听键盘的按下/松开事件，跟踪当前处于按下状态的按键，当检测到目标组合键全部被按下时，主动触发按钮的点击行为。

步骤1：给按钮添加标识（可选但推荐） #

可以给按钮加一个自定义属性，用来标记它对应的组合键，让代码更易维护：

<button id="multiKeyBtn" data-access-keys="a,b">触发按钮</button>

步骤2：编写JavaScript逻辑 #

我们需要监听keydown和keyup事件，维护一个当前按下按键的集合，当目标组合键全部在集合中时，触发按钮点击：

// 存储当前按下的按键（用Set避免重复记录）
const pressedKeys = new Set();
const targetBtn = document.getElementById('multiKeyBtn');
// 从自定义属性提取目标组合键，统一转为小写避免大小写干扰
const targetKeys = targetBtn.dataset.accessKeys.split(',').map(key => key.trim().toLowerCase());

document.addEventListener('keydown', (e) => {
  // 记录按下的按键
  pressedKeys.add(e.key.toLowerCase());
  
  // 检查是否所有目标按键都处于按下状态
  const allPressed = targetKeys.every(key => pressedKeys.has(key));
  if (allPressed) {
    // 阻止浏览器默认行为，避免和浏览器自带快捷键冲突
    e.preventDefault();
    // 触发按钮的点击事件
    targetBtn.click();
  }
});

document.addEventListener('keyup', (e) => {
  // 按键松开时，从集合中移除该按键
  pressedKeys.delete(e.key.toLowerCase());
});

步骤3：细节优化 #

• 上面的逻辑不区分按键按下顺序，只要A和B同时处于按下状态就会触发；如果需要严格的按键顺序（比如先按A再按B），可以把Set换成数组，跟踪按键按下的顺序来判断
• 注意避开浏览器默认的快捷键组合（比如Ctrl+T是新建标签页），必要时调整自己的组合键

补充：修饰键+普通键的简化实现 #

如果你的需求是Ctrl+A、Alt+B这类“修饰键+普通键”的组合，其实可以直接利用键盘事件的内置属性简化代码：

document.addEventListener('keydown', (e) => {
  // 检测Ctrl+A组合
  if (e.ctrlKey && e.key.toLowerCase() === 'a') {
    e.preventDefault();
    targetBtn.click();
  }
});

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