<TD> mit onClick-Event versehen
bearbeitet von
@@Romero
> ich brauch kurz eure Hilfe, wie ich einen onClick in eine TD bringen kann.
Am besten **gar nicht!**
Genauer: Den `click`-Eventhandler **nicht** fürs `td`-Element, sondern für ein Element **darin**, und zwar für eins, das von Natur aus ein interaktives Element ist: `button`.
Also: `<td><button onclick="…">…</button></td>`{: .language-html}[^1]
[^1]: Dass Eventhandler nicht ins Markup geschrieben, sondern im JavaScript registriert werden sollten (`addEventListener()`), ist nochmal ein anderes Thema.
`td`-Elemente sind von Natur aus nicht interaktiv – sie mögen mit `click` *click*bar sein, aber **nicht bedienbar** – nicht per Tastatur. Dazu bedürfte es u.a. des `tabindex="0"`-Attributs.
Léonie Watson zeigt in ARIA, accessibility APIs & coding like you give a damn! ([Video](https://www.youtube.com/watch?v=qdB8SRhqvFc), [Folien](http://de.slideshare.net/LeonieWatson/aria-accessibility-apis-coding-like-you-give-a-damn-2015)), wie aufwändig es ist, aus einem beliebigen Element ein interaktives zu machen, das nicht nur mit der Maus, sondern auch per Tastatursteuerung bedienbar ist, und assistive Technologie (wie Screenreader) dem Nutzer auch mitgeteilt, dass es sich dabei um ein UI-Element mit einer bestimmten Funktion handelt.
TL;DR: **Nicht machen. `button` verwenden!**
LLAP 🖖
--
_“I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.”_{: lang="en"} —Estelle Weyl