A HTML 4.0-ban jelent meg újdonságként az a lehetőség, hogy a böngészőben különböző eseményekre, úgymint Java Script indtása, amikor a felhasználó egy HTML elemre kattint. Lentebb található egy lista az attritbútumokra, amelyeket HTML tagokba lehet beilleszteni, hogy meghatározzunk eseményakciókat.

Amennyiben többet szeretnél tanulni ezen események programozásáról, ajánlanám figyelmedbe a JavaScriptet és a DHTML-t.

Ablak események:

Csak a body és frameset elemekben érvényes.

Attritbútum - Érték - Magyarázat

onload - script - Szkript futtatása, amikor a dokumentum betöltődik.
onunload - script - Szkript futtatása, amikor a dokumentum bezáródik.

Példák:

[/CODE]<frameset onload="alert ('A keret betöltődött!')"></frameset>
<body unload="alert ('Köszönjük a látogatást!')"></body>[/CODE]


Billentyűzet események:

Kizárólag űrlap elemeknél használhatóak.

Attritbútum - Érték - Magyarázat

onchange - script - Szkript futtatása, amikor a dokumentum megváltozik.
onsubmit - script - Szkript futtatása, amikor az űrlapot elküldték.
onreset - script - Szkript futtatása, amikor az űrlap alaphelyzetbe áll.
onselect - script - Szkript futtatása, amikor az elemet kiválasztják.
onblur - script - Szkript futtatása, amikor az elem elveszti a fókuszt.
onfocus - script - Szkript futtatása, amikor az elem fókuszba kerül.

Példák:

[/CODE]<form onsubmit="alert('Elküldve!')" onreset="alert('Alaphelyzetbe álltva...')"></form>
<input onchange="alert('Megváltozott!')" onfocus="alert ('Kiválasztottuk a beviteli mezőt!')" />
<input onblur="alert ('Elhagytuk a beviteli mezőt!')" />[/CODE]


Egér események:

Nem érvényes a base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, és title elemekben.

Attritbútum - Érték - Magyarázat

onclick - script - Mi történjen az egérkattintásnál.
ondbclick - script - Mi történjen dupla egérkattintásnál.
onmousedown - script - Mit történjen, amikor az egér gombját lenyomva tartjuk.
onmousemove - script - Mi történjen, amikor az elem fölött mozgatjuk az egérkurzort.
onmouseover - script - Mi történjen, amikor az egér mutatója elhalad egy elem fölött.
onmouseout - script - Mi történjen, amikor az egérkurzor egy elemen kvülre kerül.
onmouseup - script - Mi történjen, amikor egy egérgombot felengedünk.

Példa:

[/CODE]<div onmousemove="alert ('Megmozdult! :D')" onmouseover="alert('Az egeret a négyzet fölé húztad!')" onmouseout="alert('Az egérrel elhagytad a négyzetet!')" onclick="alert ('Kattintottál.')" ondblclick="alert ('Dupla kattintás történt.')" onmousedown="alert ('Lenyomtad az egérgombot.')" onmouseup="alert ('Felengedted az egérgombot.')" style="width:100px;height:100px;border:5px">[/CENTER][/CODE]