accesskey仅将焦点移至元素而不触发点击，且跨平台触发方式不统一；需配合JavaScript或替代方案实现快捷执行，推荐显式标注快捷键并优先选用低冲突字符。

直接用 accesskey 属性可以为按钮或链接设置快捷键，但实际效果受限较多——它只负责把焦点移到元素上，不自动触发点击，且不同系统和浏览器的触发方式不统一。如果你只是想快速跳转到某个操作入口，它能用；如果希望“按快捷键就执行”，得配合 JavaScript 或换更可靠的方案。

基础写法：给按钮或链接加 accesskey

在 HTML 标签中添加 accesskey 属性，值必须是单个字符（字母或数字）：

• @#@#@#@#@#@#@#@#@#@0
• 提交

注意：accesskey 只对可聚焦元素有效，比如 、、、 等。

或 默认不支持，除非手动加 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 也常“按了没反应”，主要因为：

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

• 快捷键被系统或浏览器占用（如 accesskey="f" 会和 Chrome 的“查找”冲突）
• 目标元素被隐藏（display: none 或 visibility: hidden）或不可聚焦（如没设 tabindex）
• 多个元素用了同一个 accesskey 值（浏览器行为未定义，可能随机响应一个）
• 用户当前焦点在输入框内，部分浏览器会忽略全局 accesskey 触发
• Chrome 90+ 默认禁用键盘激活，需手动开启：设置 → 高级 → “按访问键聚焦元素”

推荐避开常用系统键，优先选 q、x、z 这类低冲突字符。

更实用的补充建议

单纯依赖 accesskey 风险高、体验差。若真要提升效率或满足无障碍需求，建议：

• 在 UI 上显式标注快捷键，例如：保存 (Alt+S)
• 用 JavaScript 监听 keydown 实现自定义逻辑，比如按下 Ctrl+Enter 自动提交表单
• 确保所有交互元素有正确的 label 关联和 tabindex 顺序，比快捷键本身更重要
• 对屏幕阅读器用户，用 aria-label 或 aria-describedby 描述快捷键用途，比依赖 accesskey 更稳定

本质上，accesskey 是一个辅助跳转工具，不是交互执行工具。把它当作“键盘版锚点”，而不是“一键操作”来设计，会更符合实际。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！