3.3 Event-Handler 

Ohne anderen Kapiteln allzu sehr vorgreifen zu wollen – wenn Sie bestimmte Aktionen ausführen, beispielsweise die Maus bewegen oder auf einen Link klicken, tritt JavaScript-intern ein so genanntes Ereignis (engl. event) ein. Manche dieser Ereignisse können Sie mit JavaScript abfangen und darauf reagieren. Dazu benötigen Sie Event-Handler, die als Attribute mancher HTML-Tags in den HTML-Code eingebunden werden. Eine vollständige Auflistung aller wichtigen Event-Handler finden Sie in der Referenz; davor werden die wichtigsten Handler in den jeweiligen Kapiteln anhand eines Beispiels vorgestellt.

Grundsätzlich gilt Folgendes: Ein Event-Handler beginnt stets mit on. Der Event-Handler, der zuständig ist, wenn auf einen Link geklickt wird, heißt onclick. Wenn folgender Link angeklickt wird, wird ein modales Fenster geöffnet:

<a href="irgendwohin.html" onclick="alert(
'Invincibility is in oneself, vulnerability is in the opponent');">Sun Tzu</a>

Vom Prinzip her wunderbar – Browser, die JavaScript unterstützen, führen den Code aus, folgen danach aber dem Link (in späteren Kapiteln dazu mehr). Ältere Browser »sehen« nur den Link und versuchen, das Ziel des Links aufzurufen. Das ist aber in der Regel nicht erwünscht. Das href-Attribut des Links muss gesetzt werden, sonst wird er nicht angezeigt. Es gibt aber eine Möglichkeit, einen Link anzugeben, der keine neue Seite lädt:

<a href="#" onclick="alert('Invincibility is in oneself,
vulnerability is in the opponent');">Sun Tzu</a>

Diesen Trick sollten Sie sich gut merken!