Javascript - esemény objektum, vezető IT
Ebben a leckében megnézzük, hogy mi lesz az esemény célja, és hogyan lehet azt. Egy jól ismeri a tulajdonságok és módszerek az objektum.
Mi az a tárgy, esemény. és hogyan lehet azt
Az esemény célja azért alkalmazzák, hogy a különböző információk az esemény az eseménykezelő. Ie Ez lehetővé teszi, hogy az elem, ami miatt az eseménykezelő; elem által generált esemény; melyik egérgombbal (események társított egér) megnyomja, és még sok más.
A rendezvény célja a szabvány szerint mindig át az eseménykezelő keresztül az első lehetőség.
Tulajdonságok és módszerek az esemény objektum
Ebben a részben, megbeszéljük a tulajdonságok és módszerek az objektum esetén.
Általános tulajdonságok az objektum eseményt:
- típus - karakterlánc nevét tartalmazó az esemény.
- célig - DOM-elem által generált esemény.
- currentTarget - DOM-elem, ami miatt az eseménykezelő.
- eventPhase - jelző számmal milyen stádiumban az esemény bekövetkezett (1 - merítik lépésben (tengelymetszet) 2 - célokra 3 - lépésben emelkedés).
- timestamp - száma (dátum), amikor az esemény bekövetkezett
- buborékok - visszaadja egy logikai érték azt jelzi, hogy az esemény kialakulni
- defaultPrevented - ellenőrzi, hogy akkor hívja preventDefault () metódust erre az eseményre.
- nézet - visszaad egy hivatkozást az objektumra ablakot, amelyben az esemény bekövetkezett.
Object módszerek esetén:
- preventDefault () - törli az alapértelmezett művelet a böngésző, ha ez természetesen lehetséges.
- szerinti stopPropagation () - megelőzik események (buborék)
Az az esemény tulajdonságait objektumot. tervezték, hogy több információt szerezzen az eseményeket, billentyűzet és egér.
- amely (Mouse) - visszaadja egy szám, amely jelzi, hogy melyik egér gomb megnyomása (1 - a bal gombot, 2 - középső gomb, 3 - jobb gomb). Ez a tulajdonság elsősorban együtt az esemény mousedown. Ez a tulajdonság lehet használni, hogy több információt szerezzen a kapcsolódó eseményeket a kattintás az egérrel.
- gombot (egér) - visszaadja egy szám, amely jelzi, hogy melyik egérgombot nyomták. Ez a tulajdonság lehet használni, hogy több információt szerezzen a kapcsolódó eseményeket a kattintás az egérrel.
- clientX. clientY (Mouse) - információt szolgáltatnak a kurzor pozícióját (clientX - horizontális koordináta, clientY - függőleges koordináta), mint a bal felső sarokban az ügyfél terület.
- screenX. Screeny (Mouse) - információt szolgáltatnak a kurzor pozícióját (screenX - horizontális koordináta, Screeny - függőleges koordináta), mint a bal felső sarokban.
- részlet (Mouse) - visszaadja egy szám jelzi, hogy hány alkalommal az egér gomb megnyomása egy bizonyos régióban egy rövid ideig.
- altKey. ctrlKey. metaKey. shiftKey (egér és billentyűzet) - segítségével további információkat adott alt gomb megnyomása után. ctrl. meta és váltás idején, amikor az esemény bekövetkezett.
- relatedTarget (egér) - visszaadja az elem, amely a kapcsolódó elem, hogy keletkezett az egér eseményeket.
Például relatedTarget tulajdonság (egér) lehet használni, hogy több információt szerezzen az események mouseover vagy elmozdítja azt.
Mert egérráhelyezés eseményeket. cél tulajdonság - utal, hogy a elem, amely jelenleg a kurzor; és relatedTarget tulajdon - elem, amely a kurzor eljött.
Az esemény elmozdítja azt. célozzák ingatlan - utal a elemet, amely az egér jött; és relatedTarget (egér) - egy elem, amely jelenleg a kurzor. - charCode (billentyűzet) - Visszaadja az Unicode karakterkészlet a gomb megnyomása (a gombnyomás események). Ha ez a tulajdonság, hogy több információt az eseményekről vagy keydown keyup. mindig visszatér „0”.
- keycode. amely (a billentyűzet) - Visszaadja az Unicode karakterkészlet (a gombnyomás események) vagy Unicode kódot (a keydown és keyup események).
- hely (billentyűzet) - visszaadja a szám a régióban billentyűzetet vagy eszköz, amely megnyomásakor gombot (0 - fő területe billentyűzet, 1 - egy olyan területen, ahol van egy bal gombot a CTRL vagy a bal gombot az ALT 2 -. a terület, ahol a jog a CTRL billentyűt, vagy a jobb oldali ALT gomb 3 -. terület billentyűzet, amely megduplázza a fő területe a billentyűket számok és matematikai műveleti).
Például, az egér mozgatásával (MouseMove esemény) egy internetes oldalon, a kurzor megjelenítési elem koordinátákkal rendelkező id = „MYP”.
Ha a kurzor egy sor elemet egyidejűleg, akkor megkapja az elem található, amely a DOM legmélyebben. A kurzor lehet csak az egyik eleme - a legmélyebb a DOM (a felső és z-index).
Jó az idő.
Számos gombok egy osztállyal (több példányt egyetlen gomb), a pályára, például, a forma az ablakon.
Mivel a „civilizált” (in jQuery) Knap vágány kattintott „valami mást”, attól függően, hogy melyik gombot kattintott? Felírni, ha? Vagy lehet megvalósítani az esemény?
Köszönöm.
Például, ha azt szeretnénk, hogy az összes információt az esemény kifogást, hogy mi történt, tudjuk írni a következő kódot: