DHTML Event Handlers（Event Handlers）

U kunt een actie uitvoeren op een element wanneer een gebeurtenis optreedt via een eventhandler.

Voorbeeld

Opmerking:De meeste DHTML-exempelen vereisen IE 4.0+、Netscape 7+ of Opera 7+!

onmouseover en onmouseout
Hoe de kleur van een element veranderen wanneer de muispijl erop staat en eraf gaat.
onclick
Hoe een afbeelding veranderen wanneer je erop klikt, en deze weer terugzetten wanneer je erop klikt.
onmousedown en onmouseup
De lamp brandt alleen als je de muisknop ingedrukt houdt.
onload
Toon een meldingsbalk wanneer de pagina volledig is geladen.

Eventhandler

Met een eventhandler kunt u een actie uitvoeren op een element wanneer een gebeurtenis optreedt: wanneer een gebruiker op een element klikt, wanneer de pagina wordt geladen, wanneer een formulier wordt ingediend, enz.

<h1 onclick="style.color='rood'">Klik op deze tekst</h1>

In dit voorbeeld wordt de titel rood wanneer de gebruiker op een titel klikt.

U kunt ook een script toevoegen aan het head-deel van de pagina en de functie aanroepen via een eventhandler:

<html>
<head>
<script type="text/javascript">
function veranderkleur()
{
document.getElementById('header').style.color="rood"
}
</script>
</head>
<body>
<h1 id="header" onclick="veranderkleur()">Klik op deze tekst</h1>
</body>
</html>

HTML 4.0 Event Handlers

Gebeurtenis Wanneer...
onabort Gebruiker beëindigt laden van pagina.
onblur Gebruiker verlaat object.
onchange Gebruiker wijzigt waarde van object.
onclick Gebruiker klikt op object.
ondblclick Gebruiker dubbelklikt op object.
onfocus Gebruiker activeert object.
onkeydown Drukken op toetsenbord.
onkeypress Drukken op toetsenbord.
onkeyup Loslaten van toetsenbord.
onload

Pagina is volledig geladen.

Opmerking:In Netscape vindt dit gebeuren wanneer de pagina wordt geladen.
onmousedown Gebruiker drukt muisknop.
onmousemove Muispijl beweegt over object.
onmouseover Muispijl komt op object.
onmouseout Muispijl verlaat object.
onmouseup Gebruiker loslaat muisknop.
onreset Gebruiker reset formulier.
onselect Gebruiker selecteert inhoud op pagina.
onsubmit Gebruiker indient formulier.
onunload Gebruiker sluit pagina.