當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文

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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。