JavaScript设置或获取元素快捷键|Element accessKey 属性

由 hcduguo

元素对象参考手册

定义与用法

accessKey 属性可设置或返回访问单选按钮的快捷键。

请使用 Alt + accessKey 为拥有指定快捷键的元素赋予焦点。

提示:  Element.accessKey 属性很少使用，因为它很容易与现代浏览器自带的快捷键冲突。为了解决这个问题，浏览器约定accessKey键与特定按键一起按（比如 Alt + accessKey）来生效快捷键行为。

语法格式

HTMLElementObject.accessKey= accessKey

示例代码

下面的例子可返回单选按钮的快捷键：

<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <title>奔月教程(runoon.com)</title>
        <script>
            function accesskey(){  
                document.getElementById('runoon').accessKey = "r";
                document.getElementById('g').accessKey = "g"
            }
        </script>
    </head>
    
    <body onload="accesskey()">
        <a id="runoon" href="//www.runoon.com/">奔月教程</a>
        <br>
        <a id="g" href="//www.google.com/">Google</a>
        <p>
            <b>注：</b>使用Alt +
            <i>accesskey</i>访问具有指定访问键的元素。</p>
    </body>

</html>

亲自试试

浏览器支持

属性Google ChromeInternet ExplorerFirefoxSafariOpera
accessKeyYesYesYesYesYes

所有主要浏览器都支持 accessKey 属性

元素对象参考手册

相关