accesskey在表格中基本无效，仅对可聚焦元素起作用；应改用js监听键盘事件并配合tabindex和视觉反馈实现可靠快捷操作。

别在表格里用 accesskey 绑快捷键——它根本不会触发“选中行”“导出当前页”这类操作，只可能让某个单元格或按钮获得焦点，而且用户按了大概率没反应。

accesskey 在表格元素上基本无效

accesskey 只对可聚焦元素起作用，而 <table>、<code><tr>、<code><td> 默认不可聚焦。即使你给 <code><tr> 加 <code>accesskey="r"，浏览器也会忽略——没有 tabindex，它连 tab 都进不去，更别说快捷键了。

• ✅ 有效写法：<button accesskey="e">导出</button>（<button></button> 天然可聚焦）
• ✅ 可聚焦的表格操作容器：<div accesskey="s" tabindex="0">选择全部</div>
• ❌ 无效写法：<tr accesskey="n"><td>...</td></tr>（无 tabindex，不响应）
• ❌ 更糟写法：<table accesskey="t">...</table>（<table> 不是交互元素，语义错误） <h3>写了 accesskey="x" 也大概率按不出来</h3> <p>假设你真在表格操作按钮上用了 <code>accesskey，比如 <button accesskey="x">删除选中</button>，用户仍需按平台特定组合键才能“聚焦”，且极易被拦截：
  

  html-deploy

  使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

  下载
  • Windows Chrome：按 Alt+X → 可能触发浏览器「新建窗口」（Ctrl+N 是新建标签，但 Alt+X 在部分版本会冲突）
  • macOS Firefox：要按 Ctrl+Option+X，但 macOS 系统级快捷键（如 Cmd+Space）常劫持修饰键组合
  • Safari（所有平台）：直接忽略 accesskey，哪怕开了辅助功能设置也不生效
  • 移动端：iOS Safari / Android Chrome 全部静默跳过，触屏无 Alt 键上下文

  真想让表格支持快捷操作，得绕开 accesskey

  如果你需要“按 Ctrl+Shift+D 删除当前选中行”，accesskey 做不到，必须用 JS 监听：

  • 监听 document.addEventListener('keydown', e => { ... })，但先排除输入状态：!e.target.matches('input, textarea, [contenteditable]')
  • 判断组合键：e.ctrlKey && e.shiftKey && e.key === 'd'，再调用删除逻辑
  • 确保表格行有明确的选中态（比如加 aria-selected="true"），否则快捷键不知道删哪一行
  • 在 UI 上显式标注快捷键，例如按钮旁加 [Ctrl+Shift+D]，而不是指望用户发现 accesskey

  最常被忽略的一点：表格快捷键的可靠性不取决于你写了几个 accesskey，而取决于是否建立了可预测的焦点流（tabindex 顺序）、是否对键盘事件做了防冲突过滤、以及是否在视觉上同步反馈当前操作目标——这些都比硬塞一个没人知道怎么按的 accesskey 实在得多。

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