JavaScript/DOM/Element/accessKey

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft Element.accesskey speichert oder ändert ein Tastaturkürzel, das dann als Schnellzugriffstaste (engl. hotkey) verwendet werden kann.

  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Beispiel: Tastaturkürzel für Schnellzugriff ansehen …
<a id="blog" href="http://blog.selfhtml.org/">selfHTML <kbd>B</kbd>log</a><br>
<a id="forum" href="http://forum.de.selfhtml.org/">selfHTML <kbd>F</kbd>orum</a><br>
<a id="wiki" href="http://wiki.selfhtml.org/wiki/Startseite">selfHTML <kbd>W</kbd>iki</a>
Die auf der Beispielseite vorhandenen Links sind auch über Tastaturkürzel erreichbar. Diese Tastaturkürzel wurden in den Links durch das kbd-Element sichtbar gemacht, dass die für den Schnellzugriff verwendeten Buchstaben umschließt.
    function accesskey()
    {
      document.getElementById('blog').accessKey='b';
      document.getElementById('forum').accessKey='f';
      document.getElementById('wiki').accessKey='w';
    }
Beachten Sie: Die Tastaturkürzel unterscheiden sich je nach Browser:
  • IE, Chrome, Safari, Opera 15+: [ALT] + accesskey
  • Opera (1-14): [SHIFT] [ESC] + accesskey
  • Firefox: [ALT] [SHIFT] + accesskey
  • browsereigene Tastaturkürzel haben möglicherweise Priorität
Dies erschwert einen Einsatz in der Praxis, da die wenigsten Benutzer die Tastaturkürzel ihres Browsers kennen.
Empfehlung: Setzen Sie die Besucher Ihrer Seite über die Möglichkeit der Verwendung von Tastaturkürzeln in Kenntnis.
Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML