Az esemény célja
Amelyben az esemény is, nem elég ahhoz, hogy tudja, hogy ez - „klikk” vagy „gomb megnyomásával”. Szükség lehet részből áll: a kurzor pozícióját, a beírt karaktert, és a másik, attól függően, hogy az esemény.
Részleteket, hogy mi történt a böngésző azt írja: „event objektum”, amelyet át az első érv, hogy a felvezető.
Az alábbi példa bemutatja az esemény tárgya:
Az objektum tulajdonságait eseményt:
event.type esemény típusa, ebben az esetben kattintson event.currentTarget elem, amelyre processzor terhelést. Érték - pontosan ugyanaz, mint a jelen. de vannak olyan helyzetek, amikor a kezelő egy olyan módszer, a tárgy és annak felhasználásával ezt kötődnek hozzá van kötve a tárgyat, akkor tudjuk használni event.currentTarget. event.clientX / event.clientY kurzor koordinátáit idején a kattintás (relatív az ablak)
Vannak még számos egyéb tulajdonságok, attól függően, hogy az események, hogy nézzük meg a későbbi fejezetekben, amikor megismerjük részletesen az egér, a billentyűzet és így tovább.
Az esemény célja elérhető HTML
Ha kijelöli a felvezető HTML, akkor is használhatja a változó esemény. működni fog cross-browser:
Ez azért lehetséges, mert amikor a böngésző az attribútum létrehoz egy függvényt, ez így néz ki: function (event)
IE8- ahelyett, hogy továbbítaná egy paraméter felvezető létrehoz egy globális objektum window.event. A felvezető hivatkozhatunk rá.
Úgy működik, mint ez:
- A labda után a repülési váljon központ pontosan a kurzor alatt, ha ez lehetséges anélkül, hogy az indulás a szélén a területen.
- CSS-animáció nem kötelező, de kívánatos.
- A labda megáll a határait a területen, minden esetben, ne vegye le őket.
- Ha lapozunk a mező nem törik semmit.
- A kód nem függ a konkrét méretet és a labda pályán.
- Szükséged lesz ingatlanok event.clientX / event.clientY
A labda az egérmutató alatt
A labda az egérmutató alatt
A fő nehézség az első szakasz - a labda az egér, mert koordináták e.clientX / Y rákattint - képest az ablakhoz, és a labda van elhelyezve, és teljesen az mező, koordinálja bal / fel kell helyezni képest a bal felső belső (a kereten belül!) sarkában a területen.
Ahhoz, hogy megfelelően koordinátáinak kiszámításához a labdát, meg kell, hogy a koordinátákat a mező sarkában, és vonjuk őket clientX / Y:
Ezután meg kell mozgatni a labdát felére szélessége és magassága ball.clientWidth / ClientHeight. hogy ő volt a központ, a kurzor.
Kód, amely teljes mértékben összhangba hozza a labdát, meg fogja találni a teljes megoldást: