HTML | Atributo de clave de acceso

El atributo accesskey en HTML son los atajos de teclado para activar/enfocar elementos específicos. El atributo de clave de acceso depende del navegador. Puede variar de un navegador a otro.
Etiquetas compatibles: admite todos los elementos HTML. 

Sintaxis: 
 

<element accessKey = "single_character">

Atajo para usar la tecla de acceso: La tabla describe el atajo para usar la tecla de acceso. 
 

Navegador ventanas Mac linux
Google Chrome Alt + carácter único Comando + Alt + carácter único Alt + carácter único
Mozilla Firefox Alt + Mayús + carácter único Comando + Alt + carácter único (en Firefox 14 o posterior)
Comando + carácter único (en Firefox 13 o anterior)
Alt + Mayús + carácter único
explorador de Internet Alt + carácter único N / A N / A
Safari Alt + carácter único Comando + Alt + carácter único N / A
Ópera 15+ Alt + carácter único Comando + Alt + carácter único Alt + carácter único

Nota: 
 

  • En HTML4.1, los atributos de clave de acceso se pueden usar con solo algunos elementos que incluyen <a>, <area>, <button>, <input>, <label>, <legend> y <textarea>.
  • En HTML5, el atributo accesskey se puede usar con cualquier elemento.

El comportamiento del navegador difiere cuando se trata de más de un elemento que tiene la misma clave de acceso:

  • Google Chrome y Safari: Se activará el último elemento con la clave de acceso
  • Opera: Se activará el primer elemento con la clave de acceso
  • Internet Explorer y Mozilla Firefox: Se activará el siguiente elemento con la clave de acceso

Ejemplo: 
 

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>                   

Salida:  
Antes de usar la clave de acceso: 
 

accesskey

Después de usar la clave de acceso: 
 

Navegadores compatibles: los navegadores compatibles con el atributo accesskey se enumeran a continuación: 
 

  • Google Chrome
  • Borde 12 y superior
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por IshitaNegi y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *