MudGuard: Popover statt per Klick per Mouseover öffnen?

Beitrag lesen

Hi,

ich nutze auf einer "nur für mich" Seite (also muß nix Barrierefreies sein, Maus ist vorhanden)

Das Gute an HTML-Standards ist, dass man, wenn man sie einhält, Barrierefreies gleich frei Haus geliefert bekommt (sofern die bei Nutzern eingesetzte Technik die neuen HTML-Features schon unterstützt).

ich meinte hier damit, daß nicht extra eine Alternative für mauslose Geräte gebaut werden muß.

Ist das mit kleinem Aufwand möglich?

Ja, mit etwas JavaScript.

Kiloweise Javascript würde ich eher ungern einbauen.

Ist auch nicht nötig; eine Prise genügt.

Und mit optional chaining operator hast du das als Einzeiler:

document.documentElement.addEventListener('mouseover', event => {
  event.target.closest('button[popovertarget]')?.popoverTargetElement?.showPopover();
});

Wow, daß das mit so wenig Script geht, hätte ich nicht erwartet. Und dieses ?. kannte ich auch noch nicht. Das macht solche Verkettungen natürlich viel einfacher …

Ganz lieben Dank!

Das Einbauen in meine Seite hat mir jetzt fast so viel Freude gemacht wie die Nachricht eben am Telephon - meine Patentochter (Nichte) hat heute kurz nach Mittag ihren zweiten Sohn (und damit meinen zweiten Großneffen) zur Welt gebracht 😂😂😂😂😂 - 57cm, 4,4kg, Mama und Zwerg sind wohlauf, aber müde.

cu,
Andreas a/k/a MudGuard