În această lecție ne vom uita la ceea ce este obiectul evenimentului, și cum să-l. Un bine familiarizat cu proprietățile și metodele acestui obiect.
Care este evenimentul obiect. și cum să-l
Obiectul eveniment este utilizat pentru a obține o varietate de informații despre eveniment în tratare a evenimentului. Ie Acesta vă permite să obțineți elementul care a cauzat de tratare a evenimentelor; element care a generat evenimentul; determina care mouse-ul buton (pentru evenimente asociate cu mouse-ul) este apăsat, și multe altele.
Obiectul evenimentului, în conformitate cu standardul este întotdeauna trecut la tratare a evenimentului printr-o primă opțiune.
Proprietățile și metodele obiectului evenimentului
În această secțiune, vom discuta despre proprietatile si metodele evenimentului obiect.
Proprietățile generale ale evenimentului obiect:
- tip - un șir de caractere care conține numele evenimentului.
- tinta - DOM-element care a generat evenimentul.
- currentTarget - DOM-element care a cauzat de tratare a evenimentelor.
- eventPhase - un număr care indică ce stadiu a avut loc evenimentul (1 - imersarea etapa (intercept) 2 - în scopuri de 3 - în etapa ascensiune).
- marcaj de timp - numărul de (data), atunci când a avut loc evenimentul
- bule - returnează o valoare boolean care indică dacă evenimentul să iasă
- defaultPrevented - verificați dacă puteți apela preventDefault metoda () pentru acest eveniment.
- vedere - returnează o referință la fereastra obiect, în care a avut loc evenimentul.
Obiect Metode eveniment:
- preventDefault () - pentru a anula acțiunea implicită a browser-ului, dacă este posibil, desigur.
- stopPropagation () - prevenirea evenimentelor de emergență (bule)
Proprietățile obiectului evenimentului. concepute pentru a obține mai multe informații despre evenimentele legate de tastatură și mouse-ul.
- care (Mouse) - returnează un număr care indică ce buton al mouse-ului a fost apăsat (1 - butonul stâng, 2 - buton de mijloc, 3 - butonul din dreapta). Această proprietate este utilizat în principal în legătură cu MouseDown eveniment. Această proprietate poate fi utilizată pentru a obține mai multe informații despre evenimentele asociate cu un clic al mouse-ului.
- Butonul (mouse-ul) - returnează un număr care indică butonul mouse-ului a fost apăsat. Această proprietate poate fi utilizată pentru a obține mai multe informații despre evenimentele asociate cu un clic al mouse-ului.
- clientX. clientY (Mouse) - returnează informații despre poziția cursorului (clientX - clientY orizontale coordonate, - verticală de coordonate) relativ la colțul din stânga sus al zonei client.
- screenX. screenY (Mouse) - returnează informații despre poziția cursorului (screenX - orizontal de coordonate, screenY - verticală de coordonate) în raport cu colțul din stânga sus al ecranului.
- detaliu (mouse-ul) - returnează un număr care indică de câte ori butonul mouse-ului a fost apăsat într-o anumită regiune într-o perioadă scurtă de timp.
- altKey. ctrlKey. metaKey. shiftKey (mouse și tastatură) - pentru a furniza informații suplimentare cu privire la cheie alt relevantă a fost apăsat. ctrl. meta și schimbare în momentul în care a avut loc evenimentul.
- relatedTarget (mouse-ul) - returnează elementul care este asociat cu elementul care a generat evenimentele mouse-ului.
De exemplu, relatedTarget proprietate (mouse-ul) pot fi utilizate pentru a obține mai multe informații despre evenimentele din mouseover sau mouseout.
Pentru evenimente mouseover. țintă de proprietate - se referă la elementul care este în prezent sub cursor; și relatedTarget de proprietate - elementul cu care a venit cursorul.
Pentru mouseout eveniment. țintă de proprietate - se referă la elementul de la care a venit mouse-ul; și relatedTarget (Mouse) - un element care se află în prezent sub cursor. - charCode (tastatura) - Returnează codul de caractere Unicode a tastei apăsate (pentru evenimente la apăsarea tastelor). Dacă această proprietate este utilizat pentru a obține mai multe informații despre evenimentele sau keyup KeyDown. returnează întotdeauna „0“.
- Cod de acces. care (pentru tastatura) - Returnează codul de caractere Unicode (pentru evenimente) sau la apăsarea tastelor cod cheie Unicode (pentru evenimente KeyDown și KeyUp).
- locație (tastatură) - returnează numărul de identificare a tastaturii o regiune sau dispozitiv care este cheia (0 apăsată - tastatură zona principală, 1 - o zonă în care există un CTRL cheie stânga sau spre stânga tasta ALT 2 -. zona în care dreptul este tasta CTRL sau tasta ALT din dreapta 3 -. tastatura zona care dublează zona principală a tastelor pentru a introduce numere și operatori matematici).
De exemplu, se deplasează mouse-ul (eveniment mousemove) pe o pagină web, elementul de afișare a cursorului în coordonate cu id = „MYP“.
În cazul în care cursorul se află pe un număr de elemente, în același timp, primește elementul, care este situat în DOM mai profund. Cursorul poate fi doar unul dintre elementele - cele mai profunde în DOM (pe partea superioară și indexul z).
Bună ora din zi.
Există mai multe butoane cu o singură clasă (mai multe copii ale unui singur buton), lansarea, de exemplu, forma ferestrei.
Ca „civilizat“ (în jQuery), piesa Knop pe care a făcut clic pentru a „face ceva diferit“, în funcție de buton, care a făcut clic pe? Prescrierea dacă? Sau poate fi realizat prin intermediul evenimentului?
Mulțumesc.
De exemplu, dacă doriți să vedeți toate informațiile despre evenimentul obiecta ceea ce sa întâmplat, putem scrie următorul cod: