HTML DOM Evenimente
evenimente HTML DOM permite JavaScript pentru a înregistra diferite manipulare eveniment pe elemente într-un document HTML.
Evenimentele sunt utilizate în mod normal , în combinație cu funcții, iar funcția nu va fi executată înainte de a se produce evenimentul (such as when a user clicks a button) pe (such as when a user clicks a button) .
Tip: Modelul evenimentului a fost standardizat de W3C in DOM Level 2.
HTML DOM Evenimente
DOM: Indică în care a fost introdus DOM Level proprietate.
mouse-ul Evenimente
| Eveniment | Descriere | DOM |
|---|---|---|
| pe click | Evenimentul are loc atunci când utilizatorul face clic pe un element | 2 |
| oncontextmenu | Evenimentul are loc atunci când utilizatorul face clic-dreapta pe un element pentru a deschide un meniu contextual | 3 |
| ondblclick | Evenimentul are loc atunci când utilizatorul dublu-clic pe un element | 2 |
| onmousedown | Evenimentul are loc atunci când utilizatorul apasă un buton al mouse-ului peste un element | 2 |
| onmouseenter | Evenimentul are loc atunci când indicatorul este mutat pe un element | 2 |
| onmouseleave | Evenimentul are loc atunci când indicatorul este mutat dintr-un element de | 2 |
| onmousemove | Evenimentul are loc atunci când indicatorul se mișcă în timp ce acesta este de peste un element | 2 |
| onMouseOver | Evenimentul are loc atunci când indicatorul este mutat pe un element, sau pe unul dintre copiii săi | 2 |
| onMouseOut | Evenimentul are loc atunci când un utilizator se muta cursorul mouse-ului dintr-un element, sau dintr-unul dintre copiii săi | 2 |
| onmouseup | Evenimentul are loc atunci când un utilizator eliberează un buton al mouse-ului peste un element | 2 |
tastatură Evenimente
| Eveniment | Descriere | DOM |
|---|---|---|
| onkeydown | Evenimentul are loc atunci când utilizatorul este apăsarea unei taste | 2 |
| onkeypress | Evenimentul are loc atunci când utilizatorul apasă o tastă | 2 |
| onkeyup | Evenimentul are loc atunci când utilizatorul eliberează o cheie | 2 |
Frame / obiect Evenimente
| Eveniment | Descriere | DOM |
|---|---|---|
| onabort | Evenimentul are loc atunci când încărcarea unei resurse a fost anulată | 2 |
| onbeforeunload | Evenimentul are loc înainte ca documentul este pe cale să fie descărcate | 2 |
| onerror | Evenimentul are loc atunci când apare o eroare în timpul încărcării unui fișier extern | 2 |
| onhashchange | Evenimentul are loc atunci când a existat modificări la partea de ancorare a unei adrese URL | 3 |
| onload | Evenimentul are loc atunci când a încărcat un obiect | 2 |
| onpageshow | Evenimentul are loc atunci când utilizatorul navighează la o pagină Web | 3 |
| onpagehide | Evenimentul are loc atunci când utilizatorul părăsește o pagină Web | 3 |
| onresize | Evenimentul are loc atunci când vizualizarea documentului este redimensionată | 2 |
| onscroll | Evenimentul are loc atunci când scrollbar unui element este defilat | 2 |
| onunload | Evenimentul are loc o dată o pagină este descărcată (pentru <body>) | 2 |
Formular Evenimente
| Eveniment | Descriere | DOM |
|---|---|---|
| onblur | Evenimentul are loc atunci când un element pierde focalizarea | 2 |
| onchange | Evenimentul are loc atunci când conținutul unui element de formular, selecția sau starea de verificat s- au schimbat (for <input>, <keygen>, <select>, and <textarea>) | 2 |
| onfocus | Evenimentul are loc atunci când un element devine focalizare | 2 |
| onfocusin | Evenimentul are loc atunci când un element este pe cale să se concentreze | 2 |
| onfocusout | Evenimentul are loc atunci când un element este pe cale să-și piardă concentrarea | 2 |
| oninput | Evenimentul are loc atunci când un element devine intrare utilizator | 3 |
| oninvalid | Evenimentul are loc atunci când un element este nevalid | 3 |
| onreset | Evenimentul are loc atunci când un formular este resetată | 2 |
| onsearch | Evenimentul are loc atunci când utilizatorul scrie ceva într-un câmp de căutare (pentru <input = „search“>) | 3 |
| onselect | Evenimentul are loc după ce utilizatorul selectează un text (for <input> and <textarea>) | 2 |
| onsubmit | Evenimentul are loc atunci când se prezintă o formă | 2 |
Drag Evenimente
| Eveniment | Descriere | DOM |
|---|---|---|
| ondrag | Evenimentul are loc atunci când un element este tarat | 3 |
| ondragend | Evenimentul are loc atunci când utilizatorul a terminat tragerea unui element | 3 |
| ondragenter | Evenimentul are loc atunci când elementul tras intră țintă picătură | 3 |
| ondragleave | Evenimentul are loc atunci când elementul târât părăsește ținta picătură | 3 |
| ondragover | Evenimentul are loc atunci când elementul tras este peste tinta drop- | 3 |
| ondragstart | Evenimentul are loc atunci când utilizatorul începe să trageți un element de | 3 |
| ondrop | Evenimentul are loc atunci când elementul tras este lăsat să cadă pe țintă picătură | 3 |
Clipboard Evenimente
| Eveniment | Descriere | DOM |
|---|---|---|
| oncopy | Evenimentul are loc, atunci când utilizator copiază conținutul unui element | |
| oncut | Evenimentul are loc atunci când utilizatorul taie conținutul unui element | |
| onpaste | Evenimentul are loc atunci când utilizatorul paste conținut într-un element |
Print Evenimente
| Eveniment | Descriere | DOM |
|---|---|---|
| onafterprint | Evenimentul are loc atunci când o pagină a început imprimarea, sau în cazul în care caseta de dialog de imprimare a fost închis | 3 |
| onbeforeprint | Evenimentul are loc atunci când o pagină este pe cale de a fi imprimate | 3 |
Media Evenimente
| Eveniment | Descriere | DOM |
|---|---|---|
| onabort | Evenimentul are loc atunci când încărcarea unei mass-media este anulată | 3 |
| oncanplay | Evenimentul are loc atunci când browser-ul poate începe redarea media (când a tamponat suficient pentru a începe) | 3 |
| oncanplaythrough | Evenimentul are loc atunci când browser-ul poate reda prin intermediul mass-media fără să se oprească pentru tamponare | 3 |
| ondurationchange | Evenimentul are loc atunci când durata mass-media este schimbat | 3 |
| onemptied | Evenimentul are loc atunci când se întâmplă ceva rău și fișierul media este brusc indisponibil (like unexpectedly disconnects) în (like unexpectedly disconnects) | 3 |
| onended | Evenimentul are loc atunci când mass - media a ajunge la final (useful for messages like "thanks for listening") | 3 |
| onerror | Evenimentul are loc atunci când a apărut o eroare în timpul încărcării unui fișier media | 3 |
| onloadeddata | Evenimentul are loc atunci când datele sunt încărcate | 3 |
| onloadedmetadata | Evenimentul are loc atunci când datele meta (like dimensions and duration) sunt încărcate | 3 |
| onloadstart | Evenimentul are loc atunci când browser-ul începe să caute suport media | 3 |
| onpause | Evenimentul are loc atunci când mass-media este oprită temporar, fie de către utilizator sau programatic | 3 |
| onplay | Evenimentul are loc atunci când mass-media a început sau nu mai este întreruptă | 3 |
| onplaying | Evenimentul are loc atunci când mass-media joacă după ce a fost întreruptă sau oprită pentru tamponare | 3 |
| pe progresul | Evenimentul are loc atunci când browser - ul este în procesul de obținere a datelor media (downloading the media) de (downloading the media) - (downloading the media) | 3 |
| onratechange | Evenimentul are loc atunci când viteza de redare a mass-media este schimbat | 3 |
| onseeked | Evenimentul are loc atunci când utilizatorul este terminat mutarea / sărind peste într-o nouă poziție în mass-media | 3 |
| onseeking | Evenimentul are loc atunci când utilizatorul începe să se miște / sărind peste într-o nouă poziție în mass-media | 3 |
| onstalled | Evenimentul are loc atunci când browser-ul este încercarea de a obține date mass-media, dar datele nu sunt disponibile | 3 |
| onsuspend | Evenimentul are loc atunci când browser-ul este în mod intenționat nu obținerea de date media | 3 |
| ontimeupdate | Evenimentul are loc atunci când poziția de joc sa schimbat (la fel ca atunci când utilizatorul atacanți rapid la un alt punct în mass-media) | 3 |
| onvolumechange | Evenimentul are loc atunci când volumul mass-media sa schimbat (include setarea volumului la „Mute“) | 3 |
| onwaiting | Evenimentul are loc atunci când mass-media a întrerupt, dar este de așteptat să-și reia (la fel ca în cazul în care mass-media pentru a face o pauza tampon mai multe date) | 3 |
Evenimente de animație
| Eveniment | Descriere | DOM |
|---|---|---|
| animationend | Evenimentul are loc atunci când o animație CSS a finalizat | 3 |
| animationiteration | Evenimentul are loc atunci când o animație CSS se repetă | 3 |
| animationstart | Evenimentul are loc atunci când a început o animație CSS | 3 |
Evenimente de tranziție
| Eveniment | Descriere | DOM |
|---|---|---|
| transitionend | Evenimentul are loc atunci când o tranziție CSS a finalizat | 3 |
Evenimente trimise de server
| Eveniment | Descriere | DOM |
|---|---|---|
| onerror | Evenimentul are loc atunci când apare o eroare cu sursa evenimentului | |
| onmessage | Evenimentul are loc atunci când un mesaj este primit prin intermediul sursei evenimentului | |
| onopen | Evenimentul are loc atunci când se deschide o conexiune cu sursa evenimentului |
Evenimente misc
| Eveniment | Descriere | DOM |
|---|---|---|
| onmessage | Evenimentul are loc atunci când un mesaj este primit prin intermediul sau dintr - un obiect (WebSocket, Web Worker, Event Source or a child frame or a parent window) de (WebSocket, Web Worker, Event Source or a child frame or a parent window) a (WebSocket, Web Worker, Event Source or a child frame or a parent window) | 3 |
| onmousewheel | Depreciată. Utilizați onwheel eveniment în loc | |
| ononline | Evenimentul are loc atunci când browser-ul începe să lucreze on-line | 3 |
| onoffline | Evenimentul are loc atunci când browser-ul începe să lucrați offline | 3 |
| onpopstate | Evenimentul are loc atunci când se schimbă istoria ferestrei | 3 |
| OnShow | Evenimentul are loc atunci când un <menu> element este afișat ca un meniu contextual | 3 |
| onstorage | Evenimentul are loc atunci când o zonă de stocare pe web este actualizat | 3 |
| ontoggle | Evenimentul are loc atunci când utilizatorul deschide sau închide <details> elementul | 3 |
| onwheel | Evenimentul are loc atunci când roata mouse-ului sub formă de rulouri sus sau în jos peste un element | 3 |
Evenimentele tactile
| Eveniment | Descriere | DOM |
|---|---|---|
| ontouchcancel | Evenimentul are loc atunci când atingerea este întreruptă | |
| ontouchend | Evenimentul are loc atunci când un deget este scos dintr-un ecran tactil | |
| ontouchmove | Evenimentul are loc atunci când un deget este târât pe ecran | |
| ontouchstart | Evenimentul are loc atunci când un deget este plasat pe un ecran tactil |
obiect Eveniment
constante
| Constant | Descriere | DOM |
|---|---|---|
| CAPTURING_PHASE | Faza evenimentului curent este faza de captare (1) | 1 |
| AT_TARGET | Evenimentul curent este în faza țintă, adică este evaluat la tinta evenimentului (2) | 2 |
| BUBBLING_PHASE | Faza evenimentului curent este faza de barbotare (3) | 3 |
Proprietăți
| Proprietate | Descriere | DOM |
|---|---|---|
| bule | Returnează dacă este sau nu un anumit eveniment este un eveniment barbotare | 2 |
| anulabil | Returnează dacă este sau nu un eveniment poate fi acțiunea implicită împiedicată | 2 |
| currentTarget | Returnează elementul a cărui ascultătorii eveniment a declanșat evenimentul | 2 |
| defaultPrevented | Returnează dacă este sau nu preventDefault() metoda a fost numit pentru eveniment | 3 |
| eventPhase | Returnează care faza a fluxului de eveniment este in curs de evaluare | 2 |
| isTrusted | Returnează dacă este sau nu un eveniment este de încredere | 3 |
| ţintă | Returnează elementul care a declanșat evenimentul | 2 |
| timestamp-ul | Returnează timp (in milliseconds relative to the epoch) , la care a fost creat evenimentul | 2 |
| tip | Returnează numele evenimentului | 2 |
| vedere | Returnează o referință la obiectul Window în cazul în care evenimentul a avut loc | 2 |
metode
| Metodă | Descriere | DOM |
|---|---|---|
| preventDefault() | Revocă evenimentul în cazul în care este anulabil, ceea ce înseamnă că acțiunea implicită care aparține evenimentul nu va avea loc | 2 |
| stopImmediatePropagation() | Previne alți ascultători ai aceluiași eveniment de la a fi numit | 3 |
| stopPropagation() | Previne propagarea ulterioară a unui eveniment în timpul fluxului de eveniment | 2 |
MouseEvent obiect
| Proprietate | Descriere | DOM |
|---|---|---|
| altKey | Returnează dacă "ALT" tasta a fost apăsată atunci când evenimentul mouse - ul a fost declanșat | 2 |
| buton | Returnează care butonul mouse-ului a fost apăsat atunci când evenimentul mouse-ul a fost declanșat | 2 |
| butoane | Returnează care butoanele mouse-ului au fost apăsat atunci când evenimentul mouse-ul a fost declanșat | 3 |
| clientX | Returnează coordonarea orizontală a cursorul mouse-ului, în raport cu fereastra curentă, atunci când evenimentul mouse-ul a fost declanșat | 2 |
| clientY | Returnează coordonate verticala indicatorul mouse-ului, în raport cu fereastra curentă, atunci când evenimentul mouse-ul a fost declanșat | 2 |
| ctrlKey | Returnează dacă "CTRL" cheie a fost apăsat când a fost declanșat evenimentul mouse - ului | 2 |
| detaliu | Returnează un număr care indică de câte ori a fost dat clic pe mouse-ul | 2 |
| metaKey | Returnează dacă "META" tasta a fost apăsată atunci când un eveniment a fost declanșată | 2 |
| PaginaX | Returnează coordonarea orizontală a cursorul mouse-ului, în raport cu documentul, atunci când evenimentul mouse-ul a fost declanșat | |
| PaginaY | Returnează coordonate verticala indicatorul mouse-ului, în raport cu documentul, atunci când evenimentul mouse-ul a fost declanșat | |
| relatedTarget | Returnează elementul legat de elementul care a declanșat evenimentul mouse-ului | 2 |
| screenX | Returnează coordonarea orizontală a cursorul mouse-ului, în raport cu ecranul, atunci când un eveniment a fost declanșat | 2 |
| screenY | Returnează coordonate verticala indicatorul mouse-ului, în raport cu ecranul, atunci când un eveniment a fost declanșat | 2 |
| shiftKey | Returnează dacă "SHIFT" tasta a fost apăsată atunci când un eveniment a fost declanșată | 2 |
| care | Returnează care butonul mouse-ului a fost apăsat atunci când evenimentul mouse-ul a fost declanșat | 2 |
KeyboardEvent obiect
| Proprietate | Descriere | DOM |
|---|---|---|
| altKey | Returnează dacă "ALT" tasta a fost apăsată atunci când evenimentul cheie a fost declanșată | 2 |
| ctrlKey | Returnează dacă "CTRL" tasta a fost apăsată atunci când evenimentul cheie a fost declanșată | 2 |
| charCode | Returnează codul de caractere Unicode al cheii care a declanșat evenimentul onkeypress | 2 |
| cheie | Returnează valoarea cheie a cheii reprezentată de eveniment | 3 |
| cod cheie | Returnează codul de caractere Unicode al cheii care a declanșat evenimentul onkeypress, sau codul cheie Unicode al cheii care a declanșat onkeydown sau evenimentul onkeyup | 2 |
| Locație | Returnează locația unei taste de pe tastatura sau dispozitivul | 3 |
| metaKey | Returnează dacă "meta" cheie a fost apăsat când a fost declanșat evenimentul cheie | 2 |
| shiftKey | Returnează dacă "SHIFT" tasta a fost apăsată atunci când evenimentul cheie a fost declanșată | 2 |
| care | Returnează codul de caractere Unicode al cheii care a declanșat evenimentul onkeypress, sau codul cheie Unicode al cheii care a declanșat onkeydown sau evenimentul onkeyup | 2 |
HashChangeEvent obiect
| Proprietate | Descriere | DOM |
|---|---|---|
| NEWURL | Returnează URL-ul documentului, după hash a fost schimbat | |
| OLDURL | Returnează adresa URL a documentului, înainte de hash a fost schimbat |
PageTransitionEvent obiect
| Proprietate | Descriere | DOM |
|---|---|---|
| persistat | Returnează dacă pagina web a fost salvată în memoria cache de către browser |
FocusEvent obiect
| Proprietate | Descriere | DOM |
|---|---|---|
| relatedTarget | Returnează elementul legat de elementul care a declanșat evenimentul | 3 |
AnimationEvent obiect
| Proprietate | Descriere | DOM |
|---|---|---|
| animationName | Returnează numele animației | |
| timpul scurs | Returnează numărul de secunde o animație a fost difuzate |
TransitionEvent obiect
| Proprietate | Descriere | DOM |
|---|---|---|
| numele proprietatii | Returnează numele proprietății CSS asociate cu tranziția | |
| timpul scurs | Returnează numărul de secunde o tranziție a rulat |
WheelEvent obiect
| Proprietate | Descriere | DOM |
|---|---|---|
| deltaX | Returnează valoarea de derulare orizontală a unei roți de șoarece (x-axis) | 3 |
| deltaY | Returnează valoarea de derulare verticală a unei roți de șoarece (y-axis) | 3 |
| deltaZ | Returnează valoarea de derulare a unei roți mouse-ul pentru axa z | 3 |
| deltaMode | Returnează un număr care reprezintă unitatea de măsurători pentru valori delta (pixels, lines or pages) | 3 |