Önsegítő javascript, esemény modell javascript 1

Tanulmányozva az asztalra, akkor láthatjuk, mi valósult kezelése néhány új fejlemények. Ebben a leckében megnézzük néhány közülük.
Először nézzük meg az átméretezés eseményt. Ezzel az eseménnyel, akkor meg, ha az ablak mérete megváltozik az olvasó. A következő script megmutatja, hogyan kell ezt csinálni:

funkció üzenetére () alert ( „Az ablakot már átméretezett!”);
>




Kérjük, méretezze az ablakot.



Azonban, akkor írd más módon:



funkció üzenetére () alert ( 'Click esemény történt!');
>

Azt gondolhatnánk, hogy a második alternatíva egy kicsit bonyolultabb. De akkor miért használjuk az első forgatókönyvet? Ennek az az oka, hogy az ablak objektum nem jellemezhető egy adott tag - és így kell használni a második lehetőséget.

Két fontos megjegyzés: Először is, ne írjon window.onResize - Úgy értem, hogy meg kell írni mindent nagybetűvel. Másodszor, nem kell, hogy tegye zárójelbe bejelentése után nem. Ha írsz window.onresize = üzenetére (). A böngésző értelmezi message () függvényhívás. Azonban a mi esetünkben nem akarjuk, hogy ezt a funkciót közvetlenül - csak akarjuk határozni a eseménykezelő.

Object Event.



Önsegítő javascript, esemény modell javascript 1

Különben is, tettem a parancsokat a tag . Ennek köszönhetően jelentette a koordinátákat réteghez képest, azaz a ebben az esetben, tekintettel a kép maga. Ellenkező esetben kapnánk vonatkozó koordinátákat a böngészőablakot. (Manual return false; itt használt böngésző kezeli ezt a linket alább)

Event objektum megkapta a következő tulajdonságokkal (amely megbeszéljük a következő példákat):

Lehallgatás eseményeket.

Látni, hogy ez miért hasznos, nézzük meg a következő példát:

függvény fogantyú (e) alert ( „Az ablak objektumot készítette ezt az eseményt!”);
return true; // azaz trace kapcsolat
>




Kattintson erre a linkre

Ezen túlmenően, a nyél () függvény. definiáltuk, mint egy eseménykezelő, akkor használja a használati return true;. A valóságban ez azt jelenti, hogy a böngésző kell feldolgoznia, és maga a kapcsolat, miután a teljes végrehajtás handle () függvény. Ha írsz helyett return false;. akkor ez minden, és vége.

Ha most a tag Meg kell adni az onClick esemény kezelő program, látni fogja, hogy a program abban az esetben az esemény nem hívják. Ez nem meglepő, hiszen az ablak objektum rögzíti az eseményt, mielőtt eléri a tárgyat link. Ha meghatározza a handle () függvény, mint

függvény fogantyú (e) alert ( „Az ablak objektumot készítette ezt az eseményt!”);
window.routeEvent (e);
return true;
>

a számítógép ellenőrzi, hogy a másik esemény definiálva erre az épületre. A változó e - ez a mi objektum eseményt, telt az esemény kezelése funkció érvként.

Ezen felül, akkor közvetlenül is elküldheti egy esemény objektumot. Ehhez használhatja a módszer handleEvent (). Ez a következő:

funkció fogantyú (e) document.links [1] .handleEvent (e);
>

Minden esemény jelzi Click, küldik a feldolgozó a második kapcsolat - akkor is, ha nem kattintott linkek valamelyikére!

A következő script bemutatja, hogy a script reagálhat billentyűleütés jeleket. Kattints bármelyik gombot, és látni, hogy ezt a forgatókönyvet.

funkció gombot (e) alert ( "billentyű ASCII-értéke :!" + e.which);
>