accesskey虽可配快捷键但实用性低：触发需平台特定组合键（win/linux为alt+键，macos为ctrl+option+键），且仅聚焦不执行操作；易与系统快捷键冲突，移动端基本不支持；应避免数字符号、重复值，优先选冷门字母并配合视觉提示、js降级及明确告知。

accesskey 能配快捷键，但浏览器支持不一致、触发方式因平台而异，实际可用性有限——别指望它替代键盘导航或热键系统。

accesskey 的基本写法和触发逻辑

给按钮加 accesskey 属性后，用户需配合特定修饰键才能触发：Windows/Linux 是 Alt + 键，macOS 是 Ctrl + Option + 键（Safari 还要额外按 Return）。不是按下就执行，而是先聚焦元素，再按 Enter 或空格（取决于元素类型）。

• <button accesskey="s">保存</button> → Windows 下按 Alt+S 会让按钮获得焦点，再按 Enter 才真正点击
• 字母大小写不敏感，accesskey="S" 和 accesskey="s" 效果一样
• 避免用数字或符号（如 "1"、"+"），部分浏览器会忽略或行为异常
• 不要重复使用同一 accesskey 值，否则焦点行为不可预测

常见冲突与被覆盖的快捷键

浏览器和操作系统自带快捷键优先级更高，accesskey 很容易被拦截。比如：

Teleport tsh SSH (Identity-First SSH Access, no passwords/static keys)

使用tbot机器ID身份文件配合tsh CLI，通过Teleport访问控制SSH登录托管主机或执行远程命令。

下载

• accesskey="f" 在 Chrome/Firefox 中会和「查找」（Ctrl+F / Cmd+F）冲突，根本不会生效
• accesskey="t" 在多数浏览器中已被「新建标签页」占用（Ctrl+T），无法绑定到你的按钮
• 屏幕阅读器可能重映射 accesskey，导致和视觉用户的操作路径不一致
• 移动端基本不支持 accesskey，iOS Safari 完全忽略该属性

如何让 accesskey 更可靠一点

如果非要上，得绕开系统保留键、提供视觉反馈、并降级处理：

• 优先选少被占用的字母，比如 "z"、"x"、"q"（查 MDN 的 保留键列表）
• 用 CSS 显示快捷键提示：button::after { content: " (Alt+" attr(accesskey) ")"; }
• 在 JS 中监听 keydown，对关键组合做 fallback（例如监听 Ctrl+Shift+S 主动触发保存逻辑）
• 必须搭配 aria-label 或 title，因为仅靠 accesskey 不会改变可访问性树中的语义

真正在意快捷键体验，就别只靠 accesskey —— 它只是个辅助提示，不是功能入口。键盘事件监听 + 合理的焦点管理 + 明确的用户告知，才是可控路径。而且，多数用户根本不知道这个属性存在。

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