Rögzítése események javascript
Események JS osztható 4 nagy csoportok:
UI események: induljon el, amikor egy felhasználó rákattint a UI böngésző (gombok körül weboldalak, amelyek része a böngésző felület). Ezek az események is olyan tevékenységek, amelyek függetlenül végezzék a felhasználó az oldalon. Ezen események közé átméretezés az ablakon, görgetés oldalak letöltését és feltöltését tartalmat.
Események billentyűzet, egér és érintőképernyő: induljon el, amikor a felhasználó megnyomja és kiengedi a gombot a billentyűzeten, hogy ellenőrizzék az egér, nyom, vagy a munka egy érintőképernyő.
Események az élességet és az esélyeket. A legtöbb esetben társított űrlap beviteli mező «fókuszba”, amikor a felhasználó készen áll, hogy kölcsönhatásba lépnek vele. Más események nyomon átviteli forma változás űrlapmezőre értékek, stb
A jelenlegi trendek és megközelítések webfejlesztés
Tudjon algoritmus gyors szakmai növekedés nulla helyszíni építési
Események mutációk és a megfigyelők. Mutáció lánctalpas elemek, amikor változik a DOM szerkezete: például, ha az elemek az oldalon kerülnek beillesztésre, vagy eltávolítható a script.
Megkötnek egy eseménykezelő
Egy speciális kód, amely csak akkor működik, egy adott DOM-elem, létrehoz egy eseménykezelő. A JS, három módon lehet létrehozni egy eseménykezelő:
1. Standard HTML eseménykezelő attribútumok révén
A legrégebbi módszer kötődési események, az egyik az eddig felmerült. A módszer speciális tulajdonságai a jelölésben. Például:
A fenti példában, miután a mező fókuszba, és a felhasználó belép a következő mező kitöltése kötelező (például a TAB vagy normál kattintás), az elem okoz checkName funkció van írva JS.
Szabványos HTML eseménykezelőkkel nem javasoljuk a modern fejlődés, elsősorban annak a ténynek köszönhető, hogy a funkcionális kevert jelölést, ami megnehezíti a munkáját kód és a hibakeresés.
2. A szabványos DOM eseménykezelőkkel
Ez a technika elválasztja a JS és elrendezés, de ugyanaz a korlátozás - események lehet rendelni egy funkció. Egyenértékű írásban a HTML DOM eseménykezelő fog:
Csakúgy, mint az előző példában, checkName funkció indítása után présformaelemmel elveszíti a fókuszt.
3. Esemény rakodók (Eseményfigyelőkre)
Modern eseménykezelő hozzá egy módszert, hogy ragaszkodnak néhány események és funkciók:
Logikai érték a végén azt jelzi, hogy az esemény, amire szükség van, hogy rögzítse. Jellemzően adott hamis. Abban az esetben, egyszerű szkriptek gyakran írott formában egy névtelen függvény:
Nem minden esemény
Fontos megérteni, hogy nem minden esemény egyenlő bánásmódban részesüljön. Események lapozzunk és átméretezése futni nagyon gyakran, ezért kell nagyon gondos munkát, hogy ne csökkentse a sebességet a forgatókönyvet. Ugyanez vonatkozik a látszólag ártalmatlan bemeneti esemény típusát. Teljesítménye a script is nagyon prosest ha megpróbál, hogy folyamatosan reagál a gyakran váltott bemeneti esemény a csúszka tartományban.
Nem minden esemény nyomon követhető
A megfigyelők a mutációk jelenleg nem tudja követni az összes változás az összes elemet az oldalon. Például, nincs módszer, a változások nyomon követése az elem magassága (a szöveg átrendeződik a tartály belsejében a szűkületnél a adaptív tervezése, és az elemek hosszabb lesz). Mégis vannak olyan módon, hogy nyomon követik a változásokat, leírom a következő cikkben.
Erősítse események a megfelelő elemeket
Felülvizsgálat: Team webformyself.
A jelenlegi trendek és megközelítések webfejlesztés
Tudjon algoritmus gyors szakmai növekedés nulla helyszíni építési
A legtöbb IT hírek és webfejlesztés A csatorna-távirat