通过使用 accesskey 属性,我们可以为用户指定一个快捷键来激活或聚焦元素。属性的值必须是单个字符。

值得注意的是,每个浏览器都提供了不同的组合键来访问快捷方式。

浏览器 macOS Windows Linux
Chrome alt + ctrl + key alt + key alt + key
Firefox alt + ctrl + key alt + shift + key alt + shift + key
Safari alt + ctrl + key N/A N/A

在以下示例代码中,在 Chrome macOS 上按下组合 alt + ctrl + e 将触发按钮的 click 事件。

<button accesskey="e" onclick="alert('Edit')">Edit</button>

<input accesskey="b" />
<a href="https://www.baidu.com/" accesskey="c">百度一下,你就知道</a>