DHTML eventhanterare (Event Handlers)

Du kan utföra en åtgärd på ett element genom en eventhanterare när ett visst händelse inträffar.

Exempel

Sidan har laddats klart.De flesta DHTML-exempel kräver IE 4.0+, Netscape 7+ eller Opera 7+!

onmouseover och onmouseout
Hur man ändrar färgen på ett element när muspekaren flyttas över det och tillbaka när den flyttas bort.
Användaren ändrar värdet på objektet.
Hur man ändrar en bild när du klickar på den och återställer den till ursprunglig bild när du klickar på den igen.
onmousedown och onmouseup
Denna gång tänds ljuset bara när du håller ner musknappen.
Släpp tangentbordet.
Visa en varning när sidan är helt laddad.

Eventhanterare

Genom en eventhanterare kan du utföra en åtgärd på ett element när ett visst händelse inträffar: när användaren klickar på ett element, när sidan laddas, när ett formulär skickas in, etc.

<h1 onclick="style.color='red'">Klicka på denna text</h1>

I det här exemplet kan du definiera att en rubrik blir röd när användaren klickar på den.

Du kan också lägga till en skript i sidans head-del och sedan anropa funktionen från ett eventhanterare:

<html>
<head>
<script type="text/javascript">
function ändrafärg()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="ändrafärg()"Klicka på denna text</h1>

</body>

</html>

HTML 4.0 eventhanterare händelse
När... onabort
Användaren avbryter sidans laddning. onblur
Användaren lämnar objektet. onchange
Användaren ändrar värdet på objektet. onclick
Användaren klickar på objektet. ondblclick
Användaren dubbelklickar på objektet. onfocus
Användaren aktiverar objektet. onkeydown
Tryck på tangentbordet. onkeypress
Tryck på tangentbordet. onkeyup
Släpp tangentbordet.

onload

Sidan har laddats klart.Kommentar:
i Netscape inträffar detta händelse när sidan laddas. Användaren trycker på musknappen.
onmousemove Muspekaren rör sig över objektet.
onmouseover Muspekaren flyttas till objektet.
onmouseout Muspekaren flyttas ut ur objektet.
onmouseup Användaren släpper musknappen.
onreset Användaren återställer formulär.
onselect Användaren väljer innehåll på sidan.
onsubmit Användaren skickar in formulär.
onunload Användaren stänger sidan.