Eventhandler auf inneinander verschachtelte Elemente?
bearbeitet von
@@Jörg
> ich habe ein Div, auf dem ein Eventhandler registriert ist.
Hier steckt schon ein Fehler. `div`s kann man nicht clicken. Einige Nutzer (die sowas wie eine Maus verwenden) können es, viele andere nicht (z.B. Tastaturnutzer).
Für clickbare Elemente ist `<a href=…>`{:.language-html} (wenn es ein Link ist, der woandershin führt) bzw. `<button>`{:.language-html} (für Aktionen auf einer Seite) zu verwenden.[^1]
[^1] wenn es sich nicht um andere interaktive Elemente wie `<img usemap=…`{:.language-html} handelt.
Da du in deinem Eröffnungsposting nur allgemein von Eventhandlern geschrieben hattest und es erst aus deinem nachgereichten Beispiel ersichtlich wurde, dass es sich dabei um `click`-Eventhandler handelt, sei @dedlfix verziehen, dass er das nicht erwähnte. Obwohl man sich das hätte denken können.
Bevor du fragst: Nein, interaktive HTML-Elemente kann man nicht verschachteln. Man kann aber mit CSS odr JavaScript interaktive Elemente so implementieren, dass sie sich wie verschachtelte anfühlen. Die UX-Frage ist, ob man das tun sollte.
😷 LLAP
--
*“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”*{:@en} —John Lennon
{:@en}