Javascript - hogyan iratkozz esemény, vezető IT
Ez a módszer alkalmazásán alapul az attribútum, amely megadott # 91; # 93 esemény;. ahol # 91; Event # 93; - a neve egy adott esemény.
Alapvető lépéseket: hozzáadásával egy bizonyos attribútumot egy elem (például: onclick - ahol: az esemény azt jelenti, és kattintson - nézet események), amelynek értéke tartalmazó operátor vagy funkció. Ez az állítás, vagy a függvény kerül végrehajtásra, amikor az esemény bekövetkezik, az elem.
Például, adjunk hozzá egy gomb click esemény. bekövetkeztével, amely megjelenít egy üzenetet a riasztási módszer:
Ha az eseménykezelő, szükséges, hogy végre egy kódot, akkor használja ezt a funkciót.
Például, végrehajtja a fenti példa a funkció:
Például, adjunk hozzá egy gomb click esemény. bekövetkezésekor, amely a meghatározott funkció:
Ez előfizetési lehetőség nem ajánlott az esemény, mint ő nem csak rendetlenséget a HTML kódot, hanem megvannak a maga korlátai használatával járó esemény objektumot. a kulcsszót, és mások.
Például, adjunk hozzá egy gombot, amely id = „myButton” click esemény. bekövetkezésekor, amely a meghatározott funkció:
Ha egy esemény által megadott attribútum, a böngésző olvasás HTML kódot, amely létrehozza a megfelelő ingatlan automatikusan. Ie böngésző működik csak az események révén az érintett objektum tulajdonságait (elem).
Ha regisztrál az eseményre eltérő módon, azaz a keresztül attribútumot, és a tulajdon, a böngésző ebben az esetben csak akkor lesz használva megvalósításában az alkalomra készített az ingatlan. Feliratkozás az események inkább csak keresztül a megfelelő objektum tulajdonságait (tétel) nem ajánlott használni attribútumok ezekre a célokra.
addEventListener módszer. célja, hogy adjunk egy hallgató (hallgató) bizonyos események (event) az elemre, és végrehajtó kezelő (callback), ha bekövetkezik. Emellett addEventListener módszer, van egy másik módszer removeEventListener. amelynek célja a fordított működés, azaz a távolítsa el a hallgatót.
Szintaxis addEventListener módszerek és removeEventListener:
addEventListener módszer 3 paraméter:
Például, a használata egy névtelen függvényt amelyben az esemény „klikk”:
Például, a használata myFunction () függvény kezelni a „click” esemény:
Az eseménykezelő, hogy hozzáadta a addEventListener () el lehet távolítani egy olyan módszerrel removeEventListener ha szükséges (). Távolítsuk el az eseménykezelő csak akkor használható, ha a addEventListener () metódus a meghatározás szerint olyan nevű funkciót. Ha megkérdezi formájában egy névtelen függvényt felvezető a addEventListener () metódust. majd távolítsa el az removeEventListener () metódus nem fog működni.
Például, add meg, majd törölje az eseménykezelő myFunction MouseMove tárgy dokumentumot:
Például, adjunk hozzá néhány eseménykezelőkkel végrehajtani, ha rákattint a területen tartozó dokumentumot:
Például, adjuk hozzá a dokumentum objektum rakodók a következő események: kattintson. egér fölötte van. elmozdítja azt.
Például az átviteli processzor paramétereket, hogy névtelenül funkciót. Ebben a névtelen függvényt fogjuk használni más funkció (named) és amelynek segítségével elmúlik a szükséges paramétereket:
Például, amikor egy esemény bekövetkezik, kattintson a dokumentumban, változtatni a háttér színét az elem testet. Az eseménykezelő végrehajtani, mint egy névtelen függvényt.
Hogyan működik a rendezvények
A fenti kód is írható tömörebben segítségével egy névtelen függvényt:
Pontosabban nem működik terhelés (után történik a teljes oldal terhelés) esetén, és egy esemény DOMContentLoaded. amely azután következik a böngészőt, hogy a HTML-dokumentumot, és épített egy DOM-fa. Ie együttműködni a DOM-fa van nem kell várni, amíg az összes erőforrás töltik HTML-oldal böngésző elég, hogy építsenek egy DOM fa.
A fenti kód is írható tömörebben segítségével egy névtelen függvényt:
Ugyanakkor feliratkozás esetén több objektumot
Például egy click esemény jelentkezik, ha minden elemét p. Esemény feldolgozás végezzük myFunction () funkció: