Javascript Event Handler Mausereignisse

Code:

<form>
<p>
<input type="button" value="CLICK ME" onmousedown="this.value='MOUSE DOWN'" onmouseup="this.value='MOUSE UP'">
</p>
</form>

Erklärung:

Dem Button wurden 2 EventHandler zugewiesen. onMouseDown und onMouseUp. Die Anweisungen werden direkt hinter dem Gleichheitszeichen notiert. Mit dem Schlüsselwort this wird direkt auf das Element zugegriffen, in dem der Event Handler notiert ist. Die Eigenschaft value, welche mit Punktsyntax angefügt wird, bekommt dann eine neuen Wert.

Aufgabe:

Fügen Sie einen weiteren Event Handler hinzu, der den ursprünglichen Text wieder herstellt. Siehe hier die wichtigsten EventHandler. Hier die Lösung der Aufgabe.

Javascript Tipps