当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

HTML accesskey属性用法及代码示例


HTML中的accesskey属性是用于激活/聚焦特定元素的键盘快捷键。访问 key 属性取决于浏览器。可能因浏览器而异。
支持的标签：它支持所有 HTML 元素。

用法: 

<element accessKey = "single_character">

使用访问 key 的快捷方式：下表说明了使用访问键的快捷方式。

浏览器Windows苹果电脑Linux
谷歌浏览器Alt + single_character命令 + Alt + single_characterAlt + single_character
火狐浏览器Alt + Shift + single_characterCommand + Alt + single_character(在 Firefox 14 或更高版本上)
Command + single_character(在 Firefox 13 或更早版本上)		Alt + Shift + single_character
IE浏览器Alt + single_character不适用不适用
苹果浏览器Alt + single_character命令 + Alt + single_character不适用
Opera 15+Alt + single_character命令 + Alt + single_characterAlt + single_character

注意：

  • 在HTML4.1中，accesskey属性只能与几个元素一起使用，这些元素包括<a>，<area>，<button>，<input>，<label>，<legend>和<textarea>。
  • 在HTML5中，accesskey属性可以与任何元素一起使用。

当处理多个具有相同访问键的元素时，浏览器的行为有所不同：

  • Google Chrome和Safari：具有访问键的最后一个元素将被激活
  • Opera:具有快捷键的第一个元素将被激活
  • Internet Explorer和Mozilla Firefox：带有访问键的下一个元素将被激活

例：

html


<!DOCTYPE html>
<html>
    <head>
        <title>
            accesskey attribute
        </title>
    </head>
     
    <body style = "text-align:center">
        <h1>GeeksforGeeks</h1>
         
        <h2>HTML accesskey attribute</h2>
         
        <!-- The accesskey attribute used here -->
        <a href="https://ide.geeksforgeeks.org/tryit.php"
            accesskey = "g">GeeksforGeeks
        </a>
    </body>
</html>                   

输出：
使用访问 key 之前：

accesskey

使用访问 key 后：

支持的浏览器：下面列出了accesskey属性支持的浏览器：

  • 谷歌浏览器
  • IE浏览器
  • Firefox
  • Opera
  • Safari

相关用法


注：本文由纯净天空筛选整理自IshitaNegi大神的英文原创作品 HTML | accesskey Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。