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 indítá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=&quot;alert('Elküldve!')&quot; onreset=&quot;alert('Alaphelyzetbe állítva...')&quot;></form>
<input onchange=&quot;alert('Megváltozott!')&quot; onfocus=&quot;alert ('Kiválasztottuk a beviteli mezőt!')&quot; />
<input onblur=&quot;alert ('Elhagytuk a beviteli mezőt!')&quot; />[/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 kívülre kerül.
onmouseup - script - Mi történjen, amikor egy egérgombot felengedünk.

Példa:

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