JavaScript/DOM/HTMLOrSVGElement/tabIndex
Das tabindex-Universalattribut ermöglicht, neben Verweisen, Buttons und input-Elementen beliebige Elemente einer HTML-Datei mit Hilfe der Tabulator-Taste (↹) anzuspringen bzw. mit JavaScript zu fokussieren.
erlaubte Werte |
ganze Zahl zwischen -1 und 32767
|
---|---|
default-Wert | 0 |
erlaubt in | allen Elementen |
<a tabindex="3" href="https://wiki.selfhtml.org/wiki/Startseite">
<a tabindex="1" href="https://blog.selfhtml.org/">
<a tabindex="2" href="https://forum.de.selfhtml.org/">
Siehe auch
- das Universalattribut tabindex bei SVG-Elementen
- Änderung/Auslesen durch JavaScript mit tabIndex
- HTML/Tutorials/Formulare/Benutzereingaben zugänglich gestalten#Focus und Tabs (Focus und Tabs bei Formularen)
Weblinks
- W3C: attr-tabindex
Die Eigenschaft tabIndex spiegelt den numerischen Wert des tabindex Attributs eines HTML- oder SVG-Elements wieder. Sie ermittelt oder ändert die Tabulator-Reihenfolge des Elements.
Ein tabIndex kann für HTML-, SVG- und MathML-Elemente gesetzt werden.
Syntax
const index = element.tabIndex;
- Die Eigenschaft gibt den Tabindex des Elements als Zahl zurück.
element.tabIndex = 7;
- Der Tabindex des Elements wird auf 7 gesetzt. Sie können numerische Werte zuweisen, oder Strings, deren Inhalt ein korrekter numerischer Wert ist. Alles andere führt dazu, dass die Eigenschaft und das Attribut den Wert 0 annehmen.
function changeTabIndex() {
document.getElementById('1').tabIndex = 3;
document.getElementById('2').tabIndex = 2;
document.getElementById('3').tabIndex = 1;
}
Durch einen Klick auf den Button wird die Funktion changeTabIndex
aufgerufen, die die Tabindex-Reihenfolge der Links ändert.