accesskey - 为当前元素生成快捷键 - html5 全局属性
accesskey
提供了为当前元素生成键盘快捷键的提示。这个属性由空格分隔的字符列表组成。浏览器应该使用在计算机键盘布局上存在的第一个。
浏览器支持
所有主流浏览器都支持accesskey属性 |
示例
If you need to relax, press the Stress reliever!
Stress reliever .output { font: 1rem 'Fira Sans', sans-serif; letter-spacing: 1px; }
If you need to relax, press the Stress reliever!
Stress relieveraccesskey全局属性提供了为当前元素生成快捷键的方式。属性值必须包含一个可打印字符。
注意:在WHATWG规范中,它说你可以指定多个空格分隔的字符,浏览器将使用它所支持的第一个字符。然而,这在大多数浏览器中是行不通的。在IE/Edge中,它将使用它支持的第一个没有问题的,只要没有与其他命令冲突。
激活 accesskey 的操作取决于浏览器及其平台。
Windows | Linux | Mac | |
---|---|---|---|
Firefox | Alt+ Shift+key | On Firefox 57 or newer,Control+Option+key-OR-Control+ Alt+key On Firefox 14 or newer,Control+ Alt+key On Firefox 13 or older,Control+key | |
Internet Explorer | Alt+key | N/A | |
Google Chrome | Alt+key | Control+Alt+key | |
Safari | Alt+key | N/A | Control+ Alt+key |
Opera 15+ | Alt+key | Control+ Alt+key | |
Opera 12 | Shift+ Escopens a contents list which are accessible by accesskey, then, can choose an item by pressingkey |
要注意Firefox 可以通过用户偏好,自定义所需的修饰键。
可访问性
除了糟糕的浏览器支持之外,accesskey
属性还有很多问题:
accesskey
值可能与系统或浏览器键盘快捷键或辅助技术功能相冲突。对于一个操作系统来说,辅助技术和浏览器组合可能无法与其他操作系统协同工作。- 某些
accesskey
值可能不会出现在某些键盘上,特别是在国际化是一个问题的时候。 - 依赖于数字的
accesskey
值可能会让那些经历认知问题的人感到困惑,因为他们的数字与它触发的功能没有逻辑关联。 - 通知用户
accesskey
s 存在,这样他们就能意识到该功能。如果没有公开这些信息的方法,accesskey
s 可能会被意外激活。
实例带有指定快捷键的超链接:accesskey="h">tags
accesskey="c">cssref
定义和用法
accesskey 属性规定激活(使元素获得焦点)元素的快捷键。
注意:在不同操作系统中不同的浏览器中访问快捷键的方式不同:
Browser | Windows | Linux | Mac |
---|---|---|---|
Internet Explorer | [Alt]+accesskey | N/A | |
Chrome | [Alt]+accesskey | [Alt]+accesskey | [Control][Alt]+accesskey |
Firefox | [Alt][Shift]+accesskey | [Alt][Shift]+accesskey | [Control][Alt]+accesskey |
Safari | [Alt]+accesskey | N/A | [Control][Alt]+accesskey |
Opera | Opera 15 or newer:[Alt]+accesskey Opera 12.1 or older:[Shift][Esc]+accesskey |
但是,在大多浏览器中快捷键可以设置为另外一组组合。
提示:各种浏览器下accesskey快捷键的使用方法:
IE浏览器
按住Alt键,点击accesskey定义的快捷键(焦点将移动到链接),再按回车.
FireFox浏览器
按住Alt+Shift键,点击accesskey定义的快捷键.
Chrome浏览器
按住Alt键,点击accesskey定义的快捷键.
Opera浏览器
按住Shift键,点击esc,出现本页定义的accesskey快捷键列表可供选择.
Safari浏览器
按住Alt键,点击accesskey定义的快捷键.
HTML 4.01 与 HTML5之间的差异
在 HTML5 中, accesskey 属性可用于任何 HTML 元素(它会验证任何HTML元素。但不一定是有用)。
在 HTML 4.01 中, accesskey 属性可使用于:,
,
,
,
,
and
。
语法
属性值
值 | 描述 |
---|---|
character | 指定激活元素的快捷键 |
鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com
图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!