|
|
Események, eseménykezelők.
Mobilváltozat!
Asztali változathoz,
kattints a képre!
Az XHTML dokumentumokban a következő eseményeket (events) használhatjuk
Az eseménykezelők nem függvények, Javascript kódból nem hívhatók!
Viszont lehetséges őket értékadással átállítani; ekkor az objektumnak, az eseménykezelő kisbetűs nevének megfelelő mezőjéhez kell a megfelelő függvény nevét hozzárendelni.
Eseménykezelők: olyan programok melyek eseményeket kezelnek.
A programok nem mindig a <script> elemek között helyezkednek el.
Az eseménykezelők megmondják a böngészőknek, hogy mit kell tenni, ha az esemény bekövetkezik.
Például: lenyomják az egér gombját, befejeződött a HTML dokumentum betöltése, stb.
Eseménykezelő kódját az objektumhoz tartozó HTML elemben adjuk meg.
Ha úgy döntünk, hogy az adott elemhez eseménykezelőt rendelünk, akkor illik hozzá egy tájékoztató a felhasználó felé. (Ez, lehet rövidebb vagy hosszabb tájékoztató, figyelmeztető, stb., leírás a felhasználó felé, hogy tudja mi fog történni, mit hogyan csináljon, és így tovább.)
Az eseménykezelőhöz készíthetünk egy egyszerű, de a szövegfolyamból kiemelkedő gombot is:
Példa:
<button onClick="alert('Játékszabály tájékoztató: Elsőként tanulmányozd a bevezetőt. Második, hogy mindig kétszer kell kattintani az elrepülő tárgyra. Ha jól csináltad, 5 pont jár érte.'); ">Nem ismered a szabályokat, kattints ide </button>
Ha a buttont, mint elküldő gombot, ténylegesen egy adat továbbítására használjuk fel, és nem egy üzenet megjelenítésére, akkor a kezdő címkéjében meg kell határozni típusát (type=) egyedi azonosító nevét (name=) gomb felíratát (value=)
Elküldő gombot a : <button { type, name, value } > Tetszőleges szöveg beírása </button>
jelölőelem segítségével tudunk létrehozni.
A gomb szélessége, a beírt szöveg hosszától függ.
A gombhoz szkripteket rendelhetünk, melyek gombnyomással aktiválódnak.
További és részletesebb tájékoztatót, lásd az asztali változatnál!