HTML全局属性accesskey怎么用？快捷键绑定代码分享-html教程-PHP中文网

accesskey 按下无反应主因是浏览器/系统修饰键要求不一致及功能被禁用，需配合 alt 或 ctrl+option 等组合键，且元素须可聚焦、避免键冲突、优先小写低冲突字符，移动端基本不支持。

html全局属性accesskey怎么用？快捷键绑定代码分享

accesskey 属性绑定后为什么按了没反应？

多数情况不是代码写错了，而是浏览器/系统拦截或未满足触发条件。accesskey 不是“按下就执行”，它需要配合特定修饰键（如 Alt 或 Ctrl+Alt），且不同浏览器、操作系统组合行为不一致。例如 Chrome on Windows 用 Alt+[key]，Safari on macOS 用 Ctrl+Option+[key]，而 Firefox 在某些版本中默认禁用该功能（需手动开启 accessibility.typeaheadfind 或 ui.key.accelKey 配置）。

常见错误现象：
– 页面写了 accesskey="s"，但按 Alt+S 没跳转
– 多个元素用了相同 accesskey，只激活第一个
– 键位被浏览器快捷键占用（如 accesskey="f" 和 Firefox 的「查找」冲突）

确保目标元素可聚焦：<a></a>、<button></button>、<input> 等原生可交互元素默认支持；<div> 或 <code><span></span> 必须加 tabindex="0"
避免使用单字母易冲突键：优先选 "s"、"n"、"h" 这类低冲突字符，避开 "f"、"t"、"r" 等浏览器保留键
不要依赖视觉反馈：HTML 规范不要求浏览器高亮提示，需自行用 CSS 或 JS 添加 :focus-visible 样式

怎么给按钮和链接加 accesskey 并保证可用？

直接写在标签里最简单，但必须考虑语义与可访问性上下文。例如导航链接用 accesskey="1" 到 "6" 对应主栏目，搜索框用 accesskey="s" 是通用做法。

<nav><a href="/home" accesskey="1">首页</a>
  <a href="/about" accesskey="2">关于</a>
</nav><button type="submit" accesskey="s">提交</button>
<input type="search" accesskey="s" aria-label="搜索">

注意：accesskey="s" 同时出现在 <button></button> 和 <input> 中时，焦点行为取决于渲染顺序和浏览器实现——通常只会激活第一个匹配项。若需多点触发，得用 JS 拦截键盘事件模拟。

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

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

下载

推荐搭配 aria-label 或 title 提示快捷键，比如 title="搜索 (Alt+S)"
移动端基本不支持 accesskey，别把它当核心交互手段
accesskey 值区分大小写，但实际大多浏览器忽略大小写；为保险起见统一用小写

想让 accesskey 在所有浏览器都生效，只能靠 JavaScript 吗？

是的，纯 HTML accesskey 兼容性差、不可控，尤其在 Chrome 90+ 和 Edge 之后，部分 accesskey 绑定被静默降级。真正稳定的做法是监听 keydown，自己解析修饰键 + 键码，并主动触发目标元素行为。

document.addEventListener('keydown', (e) => {
  if (e.altKey && !e.ctrlKey && !e.metaKey) {
    switch(e.key.toLowerCase()) {
      case 's':
        e.preventDefault();
        document.getElementById('search-input')?.focus();
        break;
      case '1':
        e.preventDefault();
        document.querySelector('nav a[href="/home"]')?.click();
        break;
    }
  }
});

这样做的好处是：绕过浏览器策略限制、可统一修饰键（全用 Alt）、能做冲突检测和日志上报。坏处是失去原生可访问性语义，必须手动补全 aria-* 属性和焦点管理。