• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • accesskey

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

    浏览器支持

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

    示例

    <p>If you need to relax, press the <strong><u>S</u></strong>tress reliever!</p>
    <button accesskey="s">Stress reliever</button>
    
    .output {
        font: 1rem 'Fira Sans', sans-serif;
        letter-spacing: 1px;
    }
    

    If you need to relax, press the 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 可能会被意外激活。
    实例带有指定快捷键的超链接:<a href="http://www.techbrood.com/tags" accesskey="h">tags</a><br>
    <a href="http://www.techbrood.com/cssref" accesskey="c">cssref</a>

    定义和用法

    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定义的快捷键.

    Chrome浏览器

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

    Opera浏览器

    按住Shift键,点击esc,出现本页定义的accesskey快捷键列表可供选择.

    Safari浏览器

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

    HTML 4.01 与 HTML5之间的差异

    在 HTML5 中, accesskey 属性可用于任何 HTML 元素(它会验证任何HTML元素。但不一定是有用)。

    在 HTML 4.01 中, accesskey 属性可使用于:<a>,<area>,<button>,<input>,<label>,<legend>and<textarea>

    语法

    <element accesskey="character">

    属性值

    描述
    character指定激活元素的快捷键

    下篇:autocapitalize