DHTML event handlers(Event Handlers)

Du kan udføre en operation på et element ved hjælp af en eventhandler, når en bestemt begivenhed opstår.

Eksempel

Siden er fuldt indlæst.De fleste DHTML-eksempler kræver IE 4.0+、Netscape 7+ eller Opera 7+!

onmouseover og onmouseout
Hvordan man ændrer farven på et element, når musepinden flyttes hen over det og væk fra det.
Brugeren ændrer værdien af objektet.
Hvordan man ændrer et billede, når man klikker på det, og går tilbage til det oprindelige billede, når man klikker igen.
onmousedown og onmouseup
Denne gang tændes lyset kun, når du holder museknappen nede.
Lad tastaturet los.
Vis en advarselstekst, når siden er fuldt indlæst.

Eventhandler

Du kan udføre en operation på et element ved hjælp af en eventhandler, når en bestemt begivenhed opstår: når brugeren klikker på et element, når siden indlæses, når et formulær sendes, osv.

<h1 onclick="style.color='red'">Klik på denne tekst</h1>

I dette eksempel defineres, at når brugeren klikker på en titel, ændres titlen til rød.

Du kan også tilføje et script i sidens head-sektion og derefter kalde funktionen fra en eventhandler:

<html>
<head>
<script type="text/javascript">
function ændreFarve()
{
document.getElementById('header').style.color="red"
}
</script>
</head>
<body>
<h1 id="header" onclick="ændreFarve()">Klik på denne tekst</h1>

</html>

HTML 4.0 event handlers Begivenhed
Sker... onabort
Brugeren afbryder indlæsningen af siden. onblur
Brugeren forlader objektet. onchange
Brugeren ændrer værdien af objektet. onclick
Brugeren klikker på objektet. ondblclick
Brugeren dobbeltklikker på objektet. onfocus
Brugeren aktiverer objektet. onkeydown
Tryk på tastaturet. onkeypress
Tryk på tastaturet. onkeyup
Lad tastaturet los.

onload

Siden er fuldt indlæst.Kommenter:

i Netscape sker denne begivenhed, når siden indlæses. Brugeren trykker på museknappen.
onmousemove Musepegelet bevæger sig på objektet.
onmouseover Musepegelet flyttes til objektet.
onmouseout Musepegelet forlader objektet.
onmouseup Brugeren frigiver museknappen.
onreset Brugeren nulstiller formularen.
onselect Brugeren vælger indhold på siden.
onsubmit Brugeren sender formularen.
onunload Brugeren lukker siden.