JavaScript/DOM/HTMLElement/accessKey

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

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.
Hauptartikel: HTML/Tutorials/Links/Tastaturkürzel als Verweise