DHTML tapahtumankäsittelyt (Event Handlers)

Voit suorittaa tietyn toiminnon elementille tapahtumankäsittelijän avulla, kun tietty tapahtuma tapahtuu.

Esimerkki

Huomautus:Useimmat DHTML-esimerkit vaativat IE 4.0+、Netscape 7+ tai Opera 7+!

onmouseover ja onmouseout
Kuinka elementin väriä voidaan muuttaa, kun hiiren osoitin siirtyy elementin päälle ja poistuu siitä.
onclick
Kuinka vala voidaan sytyttää, kun käyttäjä napsauttaa kuvaa, ja sammuttaa, kun hän napsauttaa sitä uudelleen.
onmousedown ja onmouseup
Tämä kertaa valo syttyy vain, kun painat hiiren painiketta.
onload
Näytä ilmoituskeksi, kun sivu on ladataan loppuun.

Tapahtumankäsittelijä

Voit suorittaa tietyn toiminnon elementille tapahtumankäsittelijän avulla, kun tietty tapahtuma tapahtuu: kun käyttäjä napsauttaa elementtiä, kun sivu ladataan, kun lomake lähetetään, jne.

<h1 onclick="style.color='punainen'">Klikkaa tätä tekstiä</h1>

Yllä oleva esimerkki määrittelee, että kun käyttäjä napsauttaa otsikkoa, se muuttuu punaiseksi.

Voit myös lisätä skriptin sivun otsikkosegmenttiin ja kutsua sitä tapahtumankäsittelijästä:

<html>
<head>
<script type="text/javascript">
function vaihdaväri()
{
document.getElementById('otsikko').style.color="punainen"
}
</script>
</head>
<body>
<h1 id="otsikko" onclick="vaihdaväri()"Klikkaa tätä tekstiä</h1>
</body>
</html>

HTML 4.0 tapahtumankäsittelyt

Tapahtuma Kun...
onabort Käyttäjä keskeyttää sivun lataamisen.
onblur Käyttäjä poistuu objektista.
onchange Käyttäjä muuttaa objektin arvoa.
onclick Käyttäjä napsauttaa objektia.
ondblclick Käyttäjä kaksoisklikkaa objektia.
onfocus Käyttäjä aktivoi objektin.
onkeydown Paina näppäimistöä.
onkeypress Paina näppäimistöä.
onkeyup Paina näppäimistöä vapauttaa.
onload

Sivu on ladataan valmis.

Huomautus:Netscape:ssa tapahtuu tämä tapahtuma, kun sivu ladataan.
onmousedown Käyttäjä painaa hiiren painiketta.
onmousemove Hiiren osoitin liikkuu objektissa.
onmouseover Hiiren osoitin siirtyy objektiin.
onmouseout Hiiren osoitin poistuu objektista.
onmouseup Käyttäjä vapauttaa hiiren painikkeen.
onreset Käyttäjä palauttaa lomakkeen.
onselect Käyttäjä valitsee sivun sisältöä.
onsubmit Käyttäjä lähettää lomakkeen.
onunload Käyttäjä sulkee sivun.