#1 DOM události
DOM události umožňují JavaScriptu přidávat posluchače událostí pro HTML prvky.
| Událost | Nastane když |
|---|---|
| abort | Načítání média je přerušeno |
| afterprint | Stránka se začala tisknout |
| animationend | Byla dokončena CSS animace |
| animationiteration | CSS animace se opakuje |
| animationstart | Byla spuštěna CSS animace |
| beforeprint | Stránka se začíná tisknout |
| beforeunload | před odnačtením dokumentu |
| blur | Prvek ztratí fokus |
| canplay | Prohlížeč může začít přehrávat média |
| canplaythrough | Prohlížeč může přehrát médium bez zastavení kvůli vyrovnávací paměti |
| change | Obsah ve formuláři se změnil |
| click | Je kliknuto na prvek |
| contextmenu | Na prvek se klikne pravým tlačítkem myši a otevře se kontextová nabídka |
| copy | Obsah prvku je zkopírován |
| cut | Obsah prvku je vyjmut |
| dblclick | Dvojklik na prvek |
| drag | Prvek je přetahován |
| dragend | Přetahování prvku je ukončeno |
| dragenter | Tažený prvek vstoupí do cíle upuštění |
| dragleave | Tažený prvek opouští cíl upuštění |
| dragover | Tažený prvek je nad cílem upuštění |
| dragstart | Začalo přetahování prvku |
| drop | Přetažený prvek je upuštěn na cíl |
| durationchange | Je změněna doba trvání média |
| ended | Médium dosáhlo konce |
| error | Při načítání souboru došlo k chybě |
| focus | Prvek je fokusován |
| focusin | Prvek se chystá získat fokus |
| focusout | Prvek se chystá ztratit fokus |
| fullscreenchange | Prvek je zobrazen v celoobrazovkovém režimu |
| fullscreenerror | Prvek nelze zobrazit v celoobrazovkovém režimu |
| hashchange | Došlo ke změnám v kotevní části adresy URL |
| input | Prvek získá uživatelský vstup |
| invalid | Prvek je neplatný |
| keydown | Klávesa je stisknutá |
| keyup | Klávesa je uvolněna |
| load | Objekt se načetl |
| loadeddata | Jsou načtena média |
| loadedmetadata | Jsou načtena metadata |
| loadstart | Prohlížeč začne hledat zadaná média |
| message | Přes zdroj událostí je přijata zpráva |
| mousedown | Je stisknuto tlačítko myši nad prvkem |
| mouseenter | Ukazatel je přesunut na prvek |
| mouseleave | ukazatel je přesunut mimo prvek |
| mousemove | Ukazatel je přesunut nad prvek |
| mouseover | Ukazatel je přesunut na prvek |
| mouseout | Ukazatel je přesunut mimo prvek |
| mouseup | Uživatel uvolní tlačítko myši nad prvkem |
| offline | Prohlížeč začne pracovat v režimu offline |
| online | Prohlížeč začne pracovat online |
| open | Je otevřeno spojení se zdrojem událostí |
| pagehide | Uživatel odejde z webové stránky |
| pageshow | Uživatel přejde na webovou stránku |
| paste | Do prvku je vložen obsah |
| pause | Média jsou pozastavena |
| play | Media byla spuštěna nebo již nejsou pozastavena |
| playing | Média se přehrávají poté, co byla pozastavena nebo uložena do vyrovnávací paměti |
| popstate | Historie okna se změní |
| progress | Prohlížeč stahuje data médií |
| ratechange | Změní se rychlost přehrávání média |
| resize | Zobrazení dokumentu má změněnou velikost |
| reset | Formulář je resetován |
| scroll | Posouvá se posuvník |
| search | Něco je zapsáno do vyhledávacího pole |
| seeked | Je ukončeno přeskakování na pozici média |
| seeking | Je zahájeno přeskakování na pozici média |
| select | Uživatel vybere nějaký text |
| show | Prvek <menu> je zobrazen jako kontextová nabídka |
| stalled | Prohlížeč se snaží získat nedostupná data médií |
| storage | Je aktualizována oblast webového úložiště |
| submit | Je odeslán formulář |
| suspend | Prohlížeč záměrně nezískává data médií |
| timeupdate | Přehrávací pozice se změnila |
| toggle | Uživatel otevře nebo zavře prvek <details> |
| touchcancel | Dotyk je přerušen |
| touchend | Prst je sejmut z dotykové obrazovky |
| touchmove | Prst je tažen po obrazovce |
| touchstart | Prst je položen na dotykovou obrazovku |
| transitionend | Byl dokončen přechod CSS |
| unload | Stránka se nenačetla |
| volumechange | Je změněna hlasitost média |
| waiting | Média jsou pozastavena, ale očekává se jejich obnovení (např. bufferování) |
| wheel | Kolečko myši se otáčí nahoru nebo dolů nad prvkem |