HTML accesskey 属性

accesskey 全局属性提供了为当前元素生成快捷键的方式。该属性值必须包含一个单字符。

实例

带有指定快捷键的超链接：

<!DOCTYPE html>
<html>
<body>
<a href="http://cankaoshouce.com/html/html-course.html" accesskey="h">HTML 教程</a><br>
<a href="http://cankaoshouce.com/css/css-course.html" accesskey="c">CSS 教程</a>
<a href="http://cankaoshouce.com/js/js-course.html" accesskey="c">Javascript 教程</a>
<p><b>注释：</b>请使用Alt + <i>accessKey</i> (或者 Shift + Alt + <i>accessKey</i>) 来访问带有指定快捷键的元素。</p>
</body>
</html>

运行一下

浏览器支持

属性
accesskey	Yes	Yes	Yes	Yes	Yes

各浏览器的快捷键方式

Browser	Windows	Linux	Mac
Chrome	[Alt] + accesskey	[Alt] + accesskey	[Control] + [Alt] + accesskey
Edge	[Alt] + accesskey	N/A	N/A
Internet Explorer	[Alt] + accesskey	N/A	N/A
Firefox	[Alt] + [Shift] + accesskey	[Alt] + [Shift] + accesskey	[Control] + [Alt] + accesskey
Safari	[Alt] + accesskey	N/A	[Control] + [Alt] + accesskey
Opera	Opera 15+: [Alt] + accesskeyOpera 12.1 or older: [Shift]+ [Esc] + accesskey

定义和用法

accesskey 属性规定激活（使元素获得焦点）元素的快捷键。

accesskey属性值必须是单个字符（字母或数字）。

提示和注释

注释：以下元素支持 accesskey 属性：<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。

语法

<element accesskey="character">

属性值

值	描述
character	规定激活（使元素获得焦点）元素的便捷按键。

存在的问题

accesskey 值可能与系统或浏览器键盘快捷键或辅助技术功能相冲突。对于一个操作系统来说，辅助技术和浏览器组合可能无法与其他操作系统协同工作。
某些 accesskey 值可能不会出现在某些键盘上，特别是在国际化是一个问题的时候。
依赖于数字的 accesskey 值可能会让那些经历认知问题的人感到困惑，因为他们的数字与它触发的功能没有逻辑关联。
通知用户accesskeys 存在，这样他们就能意识到该功能。如果没有公开这些信息的方法，accesskeys 可能会被意外激活。
由于这些问题，一般建议不要在大多数通用的网站和web应用程序中使用accesskey 属性。