2008-02-18, 15:54
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="alert('Elküldve!')" onreset="alert('Alaphelyzetbe állítva...')"></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 kívülre kerül.
onmouseup - script - Mi történjen, amikor egy egérgombot felengedünk.
Példa:
[/CODE]<div onmousemove="alert ('Megmozdult!
')" 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">[/align][/CODE]
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 állítva...')"></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 kívülre kerül.
onmouseup - script - Mi történjen, amikor egy egérgombot felengedünk.
Példa:
[/CODE]<div onmousemove="alert ('Megmozdult!
')" 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">[/align][/CODE]
