Ereignisbehandlung im Browser

Main.html

Element: 
<span 
 id=a 
 onclick=alert('angeklickt!')>
 Text</span>

Main.html

Anker: 
<a 
 id=a 
 href=http://example.com
 onclick=alert('angeklickt!')>
 Text</a>

Übersetzung

Englisch: “on click ”

Deutsch: (hier) „bei Klick“ (im Sinne von „wenn geklickt wird“)

- Anstelle einer längeren URI ist auch »#« beliebt

- Als onclick-Attributwert ist eine Sequenz  erlaubt

Eine Sequenz ist eine Folge von Anweisungen.

Für (längere) Skripte (mit Leerzeichen) ist es besser, sie in Anführungszeichen oder Apostrophe einzuschließen

»onmousedown« verhindert Textselektion (und ein etwaiges href-Attribut wird ignoriert)

Main.html

Element: 
<span 
 id=a 
 onmousedown="alert('angeklickt!')">
 Text</span>

Übungsaufgaben

/   Inkrementieren

Wir haben mit der Übungsaufgabe „Erhöhen eines Numerales“ der Lektion zu »innerHTML« schon geübt, wie ein Numerale auf einer Webseite erhöht wird.

Main.html

Element: 
<span id=a onclick="alert('angeklickt!')">0</span>

Überarbeiten Sie das Beispiel so, daß sich das im Element enthaltene Numerale bei jedem Anklicken um Eins erhöht.

Unter „Inkrementieren“ verstehen wir hier die Vergrößerung einer ganzen Zahl um 1.