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:
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