Wie erlaubt Registerkarte in einem benutzerdefinierten Steuerelement in HTML/Javascript (Aurelia)

Question

Ich habe ein benutzerdefiniertes Steuerelement in Aurelia erstellt, die nur eine visuelle aus Divs (keine tatsächlichen Eingabesteuerelemente). Wenn ich mein Formular durchblättere, möchte ich eine Funktion aufrufen, um Dinge zu tun, wenn die Registerkarte auf meinem benutzerdefinierten Steuerelement landet, aber es landet nicht darauf, da es sich nicht um eine Eingabe handelt. Wie bekomme ich den Tab auf meinem benutzerdefinierten Steuerelement landen?

Dies gilt auch für Angular und HTML im Allgemeinen.

Answer 1

Wenn Sie möchten, dass ein Benutzer etwas anleitet, sollten Sie zunächst andere Elemente als div für dieses Element verwenden (vielleicht eine Schaltfläche?).

Wenn Sie jedoch einen div verwenden benötigen Sie tabindex="0", um es hinzuzufügen:

<div class="custom-control" tabindex="0"></div> 

Weitere Informationen über das tabindex Attribut here