Részletes munkát egy tárgy esetén javascript, Trepachov Dmitry
- óraszámát
gyakorlat
A finomítás ciklusok és funkciók
Munka DOM
Néhány speciális dolog
jQuery könyvtár
- óraszámát
tankönyv
jQuery kezdőknek - óraszámát
alapítvány
dolgozó jQuery - óraszámát
manipuláció
elemeit az oldal - óraszámát
munka
egy sor elemeinek - óraszámát
munka
eseményeket jQuery - óraszámát
Hatások és animáció
jQuery könyvtár - óraszámát
Gyakorold a tökéletes
jQuery könyvtár - óraszámát
Munka
könyvtár jQueryUI - óraszámát
Népszerű bővítmények
jQuery könyvtár
- óraszámát
tankönyv
A reguláris kifejezések - óraszámát
Munka rendszeres
kifejezések. 1. fejezet. - óraszámát
Munka rendszeres
kifejezések. 2. fejezet. - óraszámát
Munka rendszeres
kifejezések. 3. fejezet. - óraszámát
Munka rendszeres
kifejezések. 4. fejezet. - óraszámát
különbségek
PHP verzió
Munka a Canvas
- óraszámát
tankönyv
dolgozni vászon - óraszámát
alapítvány
vászon - óraszámát
fejlett
Munka vászon
elmerülés
Amellett, hogy a felemelkedés az események, van is egy merülés (tudományos lehallgatás szakasz). Ez azt jelenti, hogy az esemény az első megy felülről lefelé (a lehallgatás szakasz), akkor jön a cella (színpadi célokat), és csak ezután kezd kialakulni (emelkedési fázis).
Hang eseménykezelő alapuló lehallgatás szakaszban csak használja a addEventListener. Ebből a célból, hogy van egy harmadik lehetőség: ha igaz - a munka esetén a lehallgatás szakaszban, és ha hamis - szakaszában emelkedés (alapértelmezett):
A stádium, amelyben az esemény bekövetkezett lehet meghatározni a tulajdonságait event.eventPhase. Meg lehet venni a következő értékeket: 1 - elfogás 2. lépés - lépés célja, 3 - emelkedés lépés.
Belépő a küldöttség
Képzeljünk el egy olyan helyzetet: Tegyük fel, hogy van egy pár ul li. Mindegyik li kötve következő eseményre: kattintson rá a végén li hozzáadott „!”.
Nézzük végre le:
Tegyük fel, hogy mi is van egy gomb, egy új li a szöveg „click” az érintőképernyő, ami a végén a ul. Várjuk a meglepetés: kötve esemény nem fog működni az új li! Ennek ellenőrzéséhez:
Kattintson a gombra, hogy adjunk li, majd ezt az új li - nem reagál:
Hogy oldja meg a problémát, akkor abban a pillanatban, hogy hozzon létre egy új li kapaszkodni keresztül addSign funkció addEventListener. Nézzük végrehajtja:
Kattintson a gombra, hogy adjunk li, majd ezt az új li - ő reagál:
Van egy másik módja annak, hogy megkerülje a problémát - delegáló eseményeket. Nézzük elemezni.
delegáló események
A lényege az, felhatalmazás: Acél- esemény nem minden li, és szüleik - ul.
Ugyanakkor teljesítményét a forgatókönyvet kell folytatni: még li ha rákattintasz a végén kerül majd „!”. Csak esemény az új verzió lesz lógott a ul:
Ahogy forog: az esemény lógott ul, a belsejében egy funkciót, akkor lehet fogni li használatával event.target. Hadd emlékeztessem önöket, hogy ez event.target - ez a kulcsszó, hogy volt egy kattintással, ebben az esetben li.
Tehát itt a megoldás a probléma szempontjából a küldöttség:
Az eredmény a kód:
Ugyanakkor, mi a megoldás működik is automatikusan az új li. mert az esemény nem a navesheno li, és a ul:
Kattintson a gombra, hogy adjunk li, majd ezt az új li - ő reagál:
A munkaképes kódot, de nem nélkülözi a hibákat. Nézzük meg ezeket a hiányosságokat, és levelet egyablakos megoldást.
Univerzális felhatalmazás események
A hátránya a kód jelenik meg abban az esetben, ha a belsejében li lesz néhány beágyazott címkéket. A mi esetünkben, legyen címkék i.
Ebben az esetben, ha megnyomja az én azt helyezze felkiáltójel a végén a címke i. helyett li tag. mint szeretnénk (ha rákattint a li kurzív -, hogy minden rendben lesz)
Kattintson a pályán - láthatja, hogy „!” adunk, hogy a végén (kitolni dőlt jól működik):
A probléma a következőképpen kell helyesbíteni (az eljárást nem az egyetlen, de a legegyszerűbb) módszerrel legközelebb Találja meg a legközelebbi li, kotoorye a szülő event.target mint ez: event.target.closest (li ').
Hogyan működik: ha a hirdetés kattintott az i. A event.target az i és event.target.closest (li ') - a li, amely működik az eseményre.
Ha a kattintás volt egy nagyon li. majd event.target. és event.target.closest (li) alapján kerül sor a li.
Az eredmény a kód:
Nem számít, milyen a mélység fészkelő: tag i lehet tag b. és hogy a span tag, és akkor is csak a li - ez nem számít: event.target.closest tervezés ( „li”) megállapítja a szülő bármilyen szintű fészkel.
további anyagok
Mi a következő teendő:
Folytassa a problémák megoldásához a következő linken: célkitűzések a leckét.
Ha minden úgy dönt - megy a tanulmány egy új témát.
- óraszámát
gyakorlat
A finomítás ciklusok és funkciók
Munka DOM
Néhány speciális dolog
jQuery könyvtár
- óraszámát
tankönyv
jQuery kezdőknek - óraszámát
alapítvány
dolgozó jQuery - óraszámát
manipuláció
elemeit az oldal - óraszámát
munka
egy sor elemeinek - óraszámát
munka
eseményeket jQuery - óraszámát
Hatások és animáció
jQuery könyvtár - óraszámát
Gyakorold a tökéletes
jQuery könyvtár - óraszámát
Munka
könyvtár jQueryUI - óraszámát
Népszerű bővítmények
jQuery könyvtár
- óraszámát
tankönyv
A reguláris kifejezések - óraszámát
Munka rendszeres
kifejezések. 1. fejezet. - óraszámát
Munka rendszeres
kifejezések. 2. fejezet. - óraszámát
Munka rendszeres
kifejezések. 3. fejezet. - óraszámát
Munka rendszeres
kifejezések. 4. fejezet. - óraszámát
különbségek
PHP verzió
Munka a Canvas
- óraszámát
tankönyv
dolgozni vászon - óraszámát
alapítvány
vászon - óraszámát
fejlett
Munka vászon