<TD> mit onClick-Event versehen

[Romero]

Hy Gunnar

ich brauch kurz eure Hilfe, wie ich einen onClick in eine TD bringen kann.

Am besten gar nicht!

Schade :(

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>^[1]

td-Elemente sind von Natur aus nicht interaktiv – sie mögen mit click clickbar sein, aber nicht bedienbar – nicht per Tastatur. Dazu bedürfte es u.a. des tabindex="0"-Attributs.

TL;DR: Nicht machen. button verwenden!

Nachtrag: Den Button kann man natürlich so stylen, dass er weder Rahmen noch Hintergrund hat.

Wird mir hier nichts anderes übrig bleiben, als mit einem Button diese Zelle zu versehen. Aber ich wollte halt eben nicht, dass ein Button (das Klicken sichtbar, das Loslassen sichtbar) Verwendung findet. Aber nix desto trotz, werden ich es mit dem besagtem Button versuchen.

LG Romero

---

1. Dass Eventhandler nicht ins Markup geschrieben, sondern im JavaScript registriert werden sollten (addEventListener()), ist nochmal ein anderes Thema. ↩︎