Főoldalra

jQuery, event módszerek

Event (eseményt) módszerekkel, eseménykezelő funkciót csatolhatunk a szelektorokkal kiválasztott elemhez.

Metódusok. Leírás.
bind() Eseménykezelőket csatol az elemekhez.
on() metódus használata ajánlott, a következő módszerek helyett: bind(), live(), és delegate().
unbind() Eltávolítja az elemekhez hozzáadott, csatolt, eseménykezelőket.
 
blur() Elhalványító, elhomályosító esemény.
Valójában űrlapelemekre történő fókuszálással együt van értelme.
De űrlapelem eseményt, más területen történt eseménnyel is befolyásolhatjuk, vezérelhetjük.
 
change() Elem tartalma megváltozott. <input> <textarea> és <select> elemekhez.
Tulajdonít / Elvégzi az esemény változást
delegate() Kiválasztott elemhez vagy elemekhez, eseményt társít.
on() metódus használata ajánlott, a következő módszerek helyett: bind(), live(), és delegate().
undelegate() Eltávolítja eseménykezelőt a kiválasztott elemeknél, most vagy a jövőben
Kiveszi az összes eseményt, mely a delegate() metódussal rakodott az összes elemre.
 
event.data Eseményt kiváltó elem adata, vagy azon elem adata, melyre az esemény vonatkozik.
Ezek az adatok átadhatók, egy eseményt kiváltó módszerrel.
Például: Elem indexe, melyhez az esemény tartozik.
event.result Már meglévő események közül, tetszőleges esemény meghívása.
Például: Meglévő események más-más tartalmat jelenítenek meg, akkor kiválaszthatjuk, hogy melyik esemény tartalma jelenjen meg.
Hasonlít a function meghíváshoz, melynél a return, visszaadja értéket, a hívás helyére.
 
event.namespace Visszaadja a megadott névtér elnevezését, amit az esemény kiváltott.
Pl:trigger("egyeni.Nevterem");
Egyedi névterek létrehozása, melyeket más függvényhívással nem befolyásolhatunk.
Előnye, hogy a változókat, úgy nevezzűk ahogy csak akarjuk, és nem kell aggódni, hogy más kód felülírja az értékeinket.
Ez a tulajdonság használható több azaz beépülő szerzők kezeljék a feladatokat, egymástól eltérően függő névtérrel.
 
event.stopPropagation() Leállítja kattintási eseményt,
az elemhez tartozó szülő elemeknél.
event.isPropagationStopped() Ellenőrzi , hogy event.stopPropagation() volt az utolsó esemény.
Ez a módszer true (igaz), ha event.stopPropagation () az utolsó esemény, és false (hamis), ha nem.
event.stopImmediatePropagation() Megakadályozza, hogy kettő vagy több kattintási esemény járuljon,
ugyanazon elemhez.
event.isImmediatePropagationStopped() Ellenőrzi, hogy az event.stopImmediatePropagation() határozták meg, eseményként.
Ez a módszer true (igaz), ha event.stopImmediatePropagation () nevezik, és false (hamis), ha nem.
 
event.target Annak beazonosítása, figyelése, hogy melyik jelölőelem területén következett be az esemény.
Kiválaszthatunk megfigyelésre egy, vagy több jelölőelemet is.
event.currentTarget Elem, html fájlban megírt tartalmának lekérdezése.
event.delegateTarget Visszaadja az eseményt kiváltó elem típusát.
event.relatedTarget Elemen történő esemény jelzése: Milyen típusú elem területéről lépett ki, mouseover,
vagy milyen típusú elem területére lépett be, mouseout.
event.timeStamp Visszatérési értéke ezredmásodperc. 1970 január 1-óta eltelt idő.
Felhasználhatjuk két kattintás között eltelt idő, lekérdezésére is.
event.type Visszatér, eseményt mely típus váltotta ki:
click; dblclick; mouseover; mouseout;
event.which Visszaadja, eseményt mi váltotta ki,
billentyű vagy egér gomb megnyomása.
 
focus() Focus esemény aktiválódik, a területen történő kattintáskor.
Csak, kiválasztott űrlapmező, vagy hivatkozás területén aktiválódik, ha egérrel kattintottak vagy beléptek a Tab billentyűvel.
Csatolhatunk egy funkciót is, a focus eseményhez.
focusin() Eseménynél aktiválódik
Űrlapmezőn vagy hivatkozási terüten kattintottak.
focusout() Esemény aktiválódik, adott területen történő kattintást követően, más területen kattintanak.
Például: Kattintással beléptek egy űrlapmezőbe, majd elhagyták, azaz más területen kattintottak.
 
keydown()Billentyű lenyomására aktíválódik.
Minden billentyű lenyomására, beleértve a műveleti billentyűket is, aktiválódik.
(Például: ALT, CTRL, SIFT, ESC, TAB, stb.)
Kivétel a Print-Screen billentyű, melyet nem vesz figyelembe.
keypress()String billentyű lenyomására aktíválódik.
Minden karakter billentyű lenyomására aktiválódik, de a műveleti és Print-Screen billentyűkre, nem.
keyup()Billentyű felengedésekor aktíválódik.
Minden billentyű lenyomására, beleértve a műveleti billentyűket is, aktiválódik.
(Például: ALT, CTRL, SIFT, ESC, Print-Screen, stb.)
Kivétel a TAB billentyű, melyet nem vesz figyelembe.
 
event.pageX Egér X pozíciója, dokumentum bal szélétől.
event.pageY Egér Y pozíciója, dokumentum felső szélétől
click() Kattintási esemény.
Bekövetkezik, ha a kiválasztott elemen, egérbillentyű lenyomását követően, billentyűt felengedték.
dblclick() Dupla kattintási esemény.
Bekövetkezik, ha a kiválasztott elemen, egérbillentyűvel egymásután kétszer kattintottak.
hover() Területre érkezés/elhagyás.
Bekövetkezik, ha egérkurzor belép, vagy elhagyja az elem területét.
mousedown() Egérbillentyű lenyomása.
Bekövetkezik, ha a kiválasztott elemen, egérbillentyűt lenyomják.
mouseup() Egérbillentyű felengedése.
Bekövetkezik, ha a kiválasztott elemen, egérbillentyűt felengedték.
mouseenter() Területre érkezés.
Bekövetkezik, ha a kiválasztott elem területére mozgatjuk az egérkurzort.
mouseleave() Terület elhagyása.
Bekövetkezik, ha a kiválasztott elem területét elhagyja az egérkurzor.
mousemove() Területre érkezés.
Bekövetkezik, ha a kiválasztott elem területére mozgatjuk az egérkurzort.
mouseout() Terület elhagyása.
Bekövetkezik, ha a kiválasztott elem területét elhagyja az egérkurzor.
mouseover() Területre érkezés.
Bekövetkezik, ha a kiválasztott elem területére mozgatjuk az egérkurzort.
 
on() Elemekhez, egy vagy több eseménykezelőt csatol.
Több eseményt csatolunk, akkor azokat, szóközzel kell elválasztani.
Mivel a jQuery 1.7-es verzió, az on() metódust részesíti előnyben,
cseréljük le erre a metódusra a: bind(); live(); és delegate(); metódusokat.
off() Eltávolítja az elemhez csatolt, egy vagy több eseménykezelőt.
Több eseményt csatolunk, akkor azokat, szóközzel kell elválasztani.
one() Hozzátesz, egy vagy több eseményt a kiválasztott elemhez vagy elemekhez.
Meghatározott esemény, csak egyszer hajtódik végre, és megsemmisül.
Több eseményt csatolunk, akkor azokat, szóközzel kell elválasztani.
 
$.proxy() Vesz egy meglévő funkciót, és visszaad egy újat,
egy adott kontextusban.
 
ready() Meghatározza a funkciót, mely akkor aktiválódik, ha a DOM(weboldal) teljesen betöltődött.
resize() Csatolja / indítja az átméretezési eseményt.
Például a böngésző ablakméretét megváltoztatták (lekicsinyítették)
scroll() Elvégzi a scroll (görgető) eseményt, melyet meghatároztunk style="position:fixed; utasítással.
Görgetés esemény történik, ha a felhasználó görgeti a megadott elemet, vagy weboldalt.
Kiválasztott elemnél bármikor elindíthatjuk vagy leállíthatjuk a position:fixed eseményt.
Például, ha felhasználó a weboldalt egy adott pozícióig görgette, akkor indul a kiválasztott elem görgetése
 
select() Tulajdonít, csatol / indítja a select esemény
Figyelmeztessen egy üzenetet, ha a szöveget kijelölték, egy szöveges mezőben.
submit() Csatolja / indítja a küldő (submit) eseményt.
Esemény továbbítását a event.preventDefault(); metódussal letílthatjuk.
event.preventDefault() Megakadályozza, letíltja, az alapértelmezett műveleti eseményt.
Például:
Megakadályozza a submit gomb, alapértelmezett műveletét,(Továbbítást.)
Megakadályozza a hivatkozási link <a>, alapértelmezett műveletét,(Továbbítást.)
event.isDefaultPrevented() Azt ellenőrzi, hogy az alapértelmezett eseményt, event.preventDefault() tíltotta le?
Ha igen, akkor a visszatérési értéke true(igaz), ha nem, akkor false(hamis).
 
trigger() Elindítja a megadott eseményt.
Alapértelmezés szerint, egy eseményt a kijelölt elemeknél.(Például egy űrlap kitöltése).
triggerHandler() Elindítja a megadott eseményt, a kiválasztott elemnél, de az alapértelmezettet nem.
Ez a módszer hasonló a trigger() módszerhez, kivéve, hogy a trigger() kiváltja az alapértelmezett viselkedést, eseménynél (például egy űrlap kitöltése).
 
Következő jQuery metódusokat eltávolították, vagy elavultak.
die() Eltávolított: version 1.9.
error() Elavult: version 1.8.
toggle() Eltávolított: verzió 1.9.
unload() Elavult: verzió 1.8.
live() Eltávolított: verzió 1.9.
load() Elavult: verzió 1.8.