DHTML event handlers(Event Handlers)
- Forrige side DHTML DOM
- Næste side DHTML opsummering
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>