|
|
Az event objektum.
Mobilváltozat!
Asztali változathoz,
kattints a képre!
Event objektum néhány tulajdonsága.
Az event objektum tárolja a bekövetkezett eseményeket.
Melyeket az objektum tulajdonságainak nevezünk.
Ezeket a tulajdonságokat
Explorer és Mozilla
nem mindig ugyan úgy alkalmazza,
azaz néhány tulajdonságnál,
másképp tárolja a bekövetkezett eseményt.
| Esemény. Tulajdonság. | |
|---|---|
| Explorer | Mozilla |
Lenyomott egérgomb | |
| event.button Bal gomb = 1 Jobb gomb = 2 | event.button Bal gomb = 0 Jobb gomb = 2 |
Esemény X koordinátája | |
| event.clientX | event.pageX |
Esemény Y koordinátája | |
| event.clientY | event.pageY |
ALT billentyűt, lenyomták | |
| event.altkey | |
Ctrl billentyűt, lenyomták | |
| event.ctrlkey | |
Shift billentyűt, lenyomták | |
| event.shiftkey | |
Módosító billentyűt lenyomták. | |
| event.modifiers | |
Billentyű kódja | |
| event.keyCode | event.which |
Esemény bekövetkezése | |
| event.srcElement | event.target |
onKeyPress,
a lenyomott billentyű eseménykezelője
XHTML oldalon.
Mi történjen billentyű lenyomásakor, zárójelek között határozzuk meg.
Példa egy adott területre, azaz objektumra:
<body onKeyPress="getkey(event);">
JavaScript fájlban a függvényünket úgy határozzuk meg, hogy az eseményt paraméterként vegye át.
function getkey(e) {.....}
Mozilla így is megoldaná, de Explorer a window.event objektumban tárolja az eseményt.
Ezért kell még egy kód, mely megkeresi az event objektumot.
function getkey(e) {
if (!e) e=window.event;
}
A fenti kódunk, megvizsgálja, hogy az e változót meghatároztuk-e már. Ha nem, akkor fogja a window.event objektumot, és az e változóba helyezi. Innentől bármelyik böngészőt alkalmazzuk, működőképes eseményobjektumunk lesz.
Megjegyzés:
A fenti kódban szereplő getkey mint függvénynév, és e mint változónév helyett mindenki tetszésének megfelelő szót vagy karaktert alkalmazhat!
Leütött karakter
Melyik billentyűt nyomták le, megkapjuk az ASCII kódot
<body onKeyPress="LeutottKarakter(event);">
function LeutottKarakter(e) {
if (e.keyCode) keycode=e.keyCode;
else keycode=e.which;
//Az ASCII kód visszaalakítása karakterré, azaz betűre, a karakterlánc átalakító függvénnyel fromCharCode
karakter=String.fromCharCode (keycode);
}