accesskey仅将焦点移至元素而不触发点击，且跨平台触发方式不统一；需配合JavaScript或替代方案实现快捷执行，推荐显式标注快捷键并优先选用低冲突字符。
直接用 accesskey 属性可以为按钮或链接设置快捷键，但实际效果受限较多——它只负责把焦点移到元素上，不自动触发点击，且不同系统和浏览器的触发方式不统一。如果你只是想快速跳转到某个操作入口，它能用；如果希望“按快捷键就执行”，得配合 JavaScript 或换更可靠的方案。
基础写法：给按钮或链接加 accesskey
在 HTML 标签中添加 accesskey 属性，值必须是单个字符（字母或数字）：
<a href="/home" accesskey="h">首页</a><button accesskey="s">提交</button><input type="submit" value="搜索" accesskey="k">
注意：accesskey 只对可聚焦元素有效，比如 <a></a>、<button></button>、<input>、<textarea></textarea> 等。<div> 或 <code><span></span> 默认不支持，除非手动加 tabindex="0"。
用户怎么触发？组合键因环境而异
写了 accesskey="s" 不代表按 S 就行，用户必须配合修饰键：
立即学习“前端免费学习笔记（深入）”；
- Windows/Linux 上 Chrome、Edge、Opera：按 Alt + S
- macOS 上 Chrome/Firefox/Safari：按 Ctrl + Option + S
- Firefox（Windows/Linux）：需按 Alt + Shift + S
- Safari（macOS）：默认禁用，需先在「偏好设置 → 辅助功能」中开启“使用键盘快捷键导航”
- Opera 旧版：按 Shift + Esc 呼出快捷键列表再选
这些差异意味着同一段代码，在不同设备上可能完全没反应，或误触浏览器保存（Alt+S）、刷新（F5）等系统行为。
关键细节：避免常见失效原因
即使语法正确，accesskey 也常“按了没反应”，主要因为：
- 快捷键被系统或浏览器占用（如
accesskey="f"会和 Chrome 的“查找”冲突） - 目标元素被隐藏（
display: none或visibility: hidden）或不可聚焦（如没设tabindex） - 多个元素用了同一个 accesskey 值（浏览器行为未定义，可能随机响应一个）
- 用户当前焦点在输入框内，部分浏览器会忽略全局 accesskey 触发
- Chrome 90+ 默认禁用键盘激活，需手动开启：设置 → 高级 → “按访问键聚焦元素”
推荐避开常用系统键，优先选 q、x、z 这类低冲突字符。
更实用的补充建议
单纯依赖 accesskey 风险高、体验差。若真要提升效率或满足无障碍需求，建议：
- 在 UI 上显式标注快捷键，例如：
<button accesskey="s">保存 (Alt+S)</button> - 用 JavaScript 监听
keydown实现自定义逻辑，比如按下Ctrl+Enter自动提交表单 - 确保所有交互元素有正确的
label关联和tabindex顺序，比快捷键本身更重要 - 对屏幕阅读器用户，用
aria-label或aria-describedby描述快捷键用途，比依赖accesskey更稳定
本质上，accesskey 是一个辅助跳转工具，不是交互执行工具。把它当作“键盘版锚点”，而不是“一键操作”来设计，会更符合实际。
