Wie kann ich ein accesskey für ein unsichtbares HTML-Element definieren

StackOverflow https://stackoverflow.com/questions/244063

  •  04-07-2019
  •  | 
  •  

Frage

Ich habe einen <button> mit einem accesskey es assgined. Die accesskey funktioniert gut, solange die Schaltfläche sichtbar ist, aber wenn ich display: none oder visibility: hidden gesetzt, die accesskey nicht mehr funktioniert.

Auch versucht ohne Erfolg:

  • Verwenden Sie einen anderen Elementtyp: a., Eingang (verschiedene Modelle, auch ohne Typ)
  • Weisen Sie den accesskey zu einem Label, das die unsichtbare Steuerung wickelt.

Beachten Sie, ich bin nicht sicher, ob dies das Standardverhalten ist, aber vor dem Firefox 3 die accesskey schien unabhängig von Sichtbarkeit gearbeitet.

War es hilfreich?

Lösung

Das Verhalten, das Sie sehen, ist richtig, man kann nicht „access“ ein Element, das nicht angezeigt wird. Sal Vorschlag wird mit ziemlicher Sicherheit arbeiten, aber wenn ich fragen darf, was Ihr Ziel ist in dies zu tun? Es ist wahrscheinlich eine bessere Art und Weise zu erreichen, was Sie erreichen wollen. Haben Sie darüber nachgedacht, einen keypress Handler?

Ich glaube, Sie wahrscheinlich mit den anderen Vorschläge gehen wollen, wenn Sie nicht über einen keypress Handler wollen. Versuchen Sie position: absolute; links: -9999px; Ihre Inhalte aus der Seite zu ziehen. Oder absolute Position verwenden, Opazität ändert auf Null und z-Index auf -1. Durch die Verwendung von Position absolut das Element Positionierung anderer Inhalte auswirken wird nicht auf der Seite, Opazität Einstellung wird es nicht sichtbar. Selbst mit einer Undurchsichtigkeit Sie noch auf Null gesetzt auf dem Elemente klicken und wenn man es nicht sehen kann, kann es verhindern, dass Sie von der Möglichkeit, auf anderen Elementen der Seite zu klicken, um einen negativen z-Index verwenden, um es hinter anderen Inhalten zu ziehen.

Andere Tipps

Sie können eine negative Marge anwenden, das Element outsite der sichtbaren Seite zu schieben. Ich denke, dass viele Browser und Text Leser Elemente mit display:none ignorieren und möglicherweise auch visibility:hidden.

Die einfachste Lösung. height: 0px; margin: 0px; padding: 0px; in Ihrem CSS

Statt Sichtbarkeit oder Anzeigeattribute, positionieren Sie die Taste außerhalb der Seite 

<button accesskey="a" style="position: absolute; top: -9999px">button</button>

Achtung: statt links oben unter Verwendung bewirkt eine seltsame Anzeige Bug im IE7

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top