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. |