La apariția oricărui eveniment într-un element al paginii, browser-ul creează automat un obiect, care conține informații utile despre care are loc evenimentul (de exemplu, de tipul proprietății specifică tipul de eveniment). Acest obiect este trecut la tratare a evenimentului fiind lansat ca primul argument al funcției.
Atunci când se atribuie prin obiect eveniment HTML-atribut este disponibil pe link-ul evenimentului. Pentru același tip de cod este întotdeauna mai bine să utilizați o variabilă pentru cazul obiectului evenimentului.
Proprietățile standard ale obiectului evenimentului
Obiectul oricărui eveniment este succesorul total constructorului obiect Event. Acest lucru înseamnă că toate obiectele au caracteristici și metode comune care derivă de la eveniment. Astfel de proprietăți un pic și de a folosi numai unele dintre ele.
currentTarget
Deoarece generarea de eveniment trece DOM copac (interceptarea și ascensiune) și lansează stivuitoare instalate pe elemente diferite. Elementul curent al arborelui DOM, care se execută în prezent o proprietate eveniment de tratare a evenimentului definit. currentTarget.
De fapt, currentTarget conține o trimitere la același element ca acest lucru.
Că, în orice moment în timpul evenimentului pentru a face apel la elementul țintă, utilizați proprietatea eveniment. țintă. Acesta conține întotdeauna un link la elementul, care a fost cauzată de eveniment.
Valoarea diferă de currentTarget țintă. dacă handlerul se efectuează pe scena interceptare sau ascensiune.
Proprietatea țintă este utilizat pe scară largă. Atunci când există mai multe componente similare (de exemplu, elemente de meniu) este setat, un singur procesor la elementul părinte. O via este determinată de proprietățile elementului țintă pentru care ar trebui executate evenimentul.
În acest exemplu, faceți clic pe orice element al listei se va șterge. În acest caz, script-ul folosește un singur procesor. Acest lucru este util mai ales atunci când o listă de elemente cunoscute a fi cunoscute, și este creată în mod dinamic.
eventPhase
eveniment de proprietate. eventPhase indică faza a evenimentului este în prezent în curs de desfășurare. Ea are o valoare numerică ce corespunde etapelor de prelucrare a:
- 0 - nici un caz este procesat.
- 1 - etapa de interceptare.
- 2 - gol etapă.
- 3 - etapa ascensiune.
Timpul exact când a avut loc evenimentul, este stocat într-un eveniment de proprietate. timeStamp.
Evenimentul de proprietate. tip conține numele evenimentului (clic. apăsare de tastă, etc).
Evenimentul de proprietate. isTrusted conține informații despre cine a cauzat evenimentul. Proprietatea are un tip boolean:
- adevărat - evenimentul este cauzată de acțiunea utilizatorului sau browser.
- fals - un eveniment cauzat de script-ul, de exemplu, prin metoda dispatchEvent.
Informațiile privind dacă evenimentul va apărea, este stocată în proprietatea evenimentului. bule. Proprietatea are un tip boolean:
- adevărat - evenimentul va apărea.
- fals - evenimentul nu va pluti.
anulabil
eveniment de proprietate. anulabil conține informații despre dacă este posibil pentru a anula comportamentul implicit al browser-ului implicit. Proprietatea are un tip boolean:
- true - acțiune browser poate fi anulată.
- fals - acțiune browser-ul nu poate fi anulată.
defaultPrevented
eveniment de proprietate. defaultPrevented conține informații dacă acțiunea implicită este anulată browser-ul implicit. Proprietatea are un tip boolean:
- adevărat - acțiunea a fost anulată de browser.
- fals - acțiune în browser nu a fost anulat.
preventDefault ()
Undo browser-ul implicit, puteți apela pur și simplu return false la sfârșitul handler. Dar poate fi utilizat numai în interiorul handler set prin HTML-DOM-atribut sau a proprietății. În cazul în care handler este instalat prin metoda addEventListener (). atunci apelul return false la nimic plumb. mod universal pentru a trece peste o acțiune prestabilită a browser-ului este un eveniment metoda de built-in. preventDefault ().
Call preventDefault () în orice stadiu de prelucrare eveniment anulează acțiunea de browser. Acțiuni stivuitoare atribuite, această metodă nu se schimbă.
În caseta de text care rezultă nu pot fi introduse cu ajutorul tastaturii.
Acțiuni pentru browser pot fi anulate pentru toate evenimentele. Call preventDefault () la eveniment irevocabil, rezultatul nu va.
Informații cu privire la starea de acțiune pentru browser poate fi derivat din proprietățile Boolean: eveniment. anulabil. eveniment. defaultPrevented.
stopPropagation ()
Pentru a opri executarea elementului evenimentului curent, utilizați metoda de eveniment. stopPropagation ().
Această metodă anulează handlerele acestor elemente la care evenimentul nu sa întâmplat. Cu toate acestea, toate stivuitoare elementului curent va fi realizată chiar și după stopPropagation apel ().
stopPropagation () metoda nu suprascrie browser-ul implicit.
Primul element de procesor