百科狗-知识改变命运!
--

accesskey - 为当前元素生成快捷键 - html5 全局属性

是丫丫呀1年前 (2023-11-21)阅读数 22#技术干货
文章标签快捷键

accesskey

提供了为当前元素生成键盘快捷键的提示。这个属性由空格分隔的字符列表组成。浏览器应该使用在计算机键盘布局上存在的第一个。

浏览器支持

所有主流浏览器都支持accesskey属性

示例

If you need to relax, press the Stress reliever!

Stress reliever .output { font: 1rem 'Fira Sans', sans-serif; letter-spacing: 1px; }
.demo .output{font: 1rem 'Fira Sans', sans-serif; letter-spacing: 1px;}

If you need to relax, press the Stress reliever!

Stress reliever

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

注意:在WHATWG规范中,它说你可以指定多个空格分隔的字符,浏览器将使用它所支持的第一个字符。然而,这在大多数浏览器中是行不通的。在IE/Edge中,它将使用它支持的第一个没有问题的,只要没有与其他命令冲突。

激活 accesskey 的操作取决于浏览器及其平台。

WindowsLinuxMac
FirefoxAlt+ Shift+keyOn 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 ExplorerAlt+keyN/A
Google ChromeAlt+keyControl+Alt+key
SafariAlt+keyN/AControl+ Alt+key
Opera 15+Alt+keyControl+ 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值可能会让那些经历认知问题的人感到困惑,因为他们的数字与它触发的功能没有逻辑关联。
  • 通知用户accesskeys 存在,这样他们就能意识到该功能。如果没有公开这些信息的方法,accesskeys 可能会被意外激活。
实例带有指定快捷键的超链接:accesskey="h">tags
accesskey="c">cssref

定义和用法

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

注意:在不同操作系统中不同的浏览器中访问快捷键的方式不同:

BrowserWindowsLinuxMac
Internet Explorer[Alt]+accesskeyN/A
Chrome[Alt]+accesskey[Alt]+accesskey[Control][Alt]+accesskey
Firefox[Alt][Shift]+accesskey[Alt][Shift]+accesskey[Control][Alt]+accesskey
Safari[Alt]+accesskeyN/A[Control][Alt]+accesskey
OperaOpera 15 or newer:[Alt]+accesskey
Opera 12.1 or older:[Shift][Esc]+accesskey

但是,在大多浏览器中快捷键可以设置为另外一组组合。

提示:各种浏览器下accesskey快捷键的使用方法:

IE浏览器

按住Alt键,点击accesskey定义的快捷键(焦点将移动到链接),再按回车.

FireFox浏览器

按住Alt+Shift键,点击accesskey定义的快捷键.

accesskey - 为当前元素生成快捷键 - html5 全局属性

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

免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)

图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)