accesskey仅聚焦元素不触发点击，需用keydown监听+click()实现快捷执行；其失效主因是跨平台触发键不统一、浏览器默认快捷键冲突、非可聚焦元素无效及缺乏用户反馈。
直接用 accesskey 属性不能“触发按钮”，它只聚焦；真要按快捷键就执行点击，必须用 JavaScript 监听 keydown 并调用 click() 或自定义逻辑。
为什么 accesskey 按了没反应？
accesskey 本质是辅助导航机制，不是执行入口：它只把焦点移到元素上，不自动触发 click 事件。用户还得再按 Enter 或 Space 才能激活——这和“按 Ctrl+S 就保存”的直觉完全不符。
- 不同系统触发组合键差异大：Windows 是
Alt + s，macOS 是Ctrl + Option + s，Firefox 还可能要求Alt + Shift + s - 浏览器默认快捷键会冲突：比如
accesskey="s"在 Chrome 中按Alt + s可能跳转到地址栏，而不是你的按钮 - 非可聚焦元素无效：
<div>、<code><span></span>默认不响应accesskey，除非加tabindex="0"document.addEventListener('keydown') 怎么写才不踩坑？
全局监听最常用，但细节决定成败：修饰键判断必须用
e.ctrlKey/e.metaKey，不能只靠e.key；还要防默认行为、避系统冲突、处理输入框干扰。- 必须用
keydown，别用keypress（已废弃，且不识别 Ctrl/Alt） - 判断组合键优先用布尔属性：
if (e.ctrlKey && e.key === 's')，而不是e.code === 'KeyS'（物理键位在不同键盘布局下可能错位） - 加
e.preventDefault()阻止浏览器默认行为，但仅对明确注册的快捷键做——别无差别拦截所有Ctrl+* - 若页面有
<input>或<textarea></textarea>，先检查e.target.tagName !== 'INPUT' && e.target.tagName !== 'TEXTAREA'，避免打断用户输入
怎么让快捷键真正“触发按钮”？
监听到快捷键后，不能只
console.log，得明确调用目标按钮的click()方法，或触发其绑定的事件逻辑。关键是要拿到正确 DOM 引用，且确保按钮处于可交互状态。- 推荐用
id定位：document.getElementById('save-btn').click() - 如果按钮是动态生成的，改用
querySelector：document.querySelector('[data-action="save"]').click() - 避免直接绑定
onclick属性——它会被后续 JS 覆盖；统一用addEventListener管理逻辑 - 按钮被
disabled时，click()不触发事件，需提前检查：if (!btn.disabled) btn.click()
快捷键面板怎么配才不翻车？
用户需要知道有哪些快捷键可用，但随便放个弹窗容易破坏可访问性。现代方案是用原生
<dialog></dialog>，配合dl结构和<kbd></kbd>标签，既语义清晰又免写一堆 ARIA。- 必须用
dialog.showModal()，别用show()——后者不锁焦点，Tab 键会逃出面板 - 快捷键列表用
<dl> <dt> <kbd>Ctrl</kbd>+<kbd>S</kbd> </dt> <dd>保存当前表单</dd> </dl>，屏幕阅读器能准确读出“快捷键：Ctrl+S，功能：保存当前表单” - 关闭逻辑要显式：监听
Escape时调用dialog.close()，别依赖点击遮罩——默认不关闭 - Safari 15.4+ 支持
<dialog></dialog>，旧版需降级为<div role="dialog"> 并手动管理焦点锁 <p>真正难的不是监听按键，而是让快捷键在各种输入场景下稳定生效、不和浏览器抢控制权、还能被用户发现并信任。一个 <code>e.preventDefault()漏写，或一个tabindex忘加，整个快捷体系就卡在半路。
- 必须用
