Događaji sa mišom
Event | Opis | DOM |
---|---|---|
onclick | The event occurs when the user clicks on an element | 2 |
oncontextmenu | The event occurs when the user right-clicks on an element to open a context menu | 3 |
ondblclick | The event occurs when the user double-clicks on an element | 2 |
onmousedown | The event occurs when the user presses a mouse button over an element | 2 |
onmouseenter | The event occurs when the pointer is moved onto an element | 2 |
onmouseleave | The event occurs when the pointer is moved out of an element | 2 |
onmousemove | The event occurs when the pointer is moving while it is over an element | 2 |
onmouseover | The event occurs when the pointer is moved onto an element, or onto one of its children | 2 |
onmouseout | The event occurs when a user moves the mouse pointer out of an element, or out of one of its children |
2 |
onmouseup | The event occurs when a user releases a mouse button over an element | 2 |
Događaji sa tastaturom
Event | Opis | DOM |
---|---|---|
onkeydown | The event occurs when the user is pressing a key | 2 |
onkeypress | The event occurs when the user presses a key | 2 |
onkeyup | The event occurs when the user releases a key | 2 |
Događaji u vezi sa formom
onblur | The event occurs when an element loses focus | 2 |
onchange | The event occurs when the content of a form element, the selection, or the checked state have changed (for <input>, <keygen>, <select>, and <textarea>) |
2 |
onfocus | The event occurs when an element gets focus | 2 |
onfocusin | The event occurs when an element is about to get focus | 2 |
onfocusout | The event occurs when an element is about to lose focus | 2 |
oninput | The event occurs when an element gets user input | 3 |
oninvalid | The event occurs when an element is invalid | 3 |
onreset | The event occurs when a form is reset | 2 |
onsearch | The event occurs when the user writes something in a search field (for <input=”search”>) | 3 |
onselect | The event occurs after the user selects some text (for <input> and <textarea>) | 2 |
onsubmit | The event occurs when a form is submitted | 2 |
Događaji na dodir ekrana
Event | Opis | DOM |
---|---|---|
ontouchcancel | The event occurs when the touch is interrupted | |
ontouchend | The event occurs when a finger is removed from a touch screen | |
ontouchmove | The event occurs when a finger is dragged across the screen | |
ontouchstart | The event occurs when a finger is placed on a touch screen |
Događaji u vezi drag and drop
Event | Opis | DOM |
---|---|---|
ondrag | The event occurs when an element is being dragged | 3 |
ondragend | The event occurs when the user has finished dragging an element | 3 |
ondragenter | The event occurs when the dragged element enters the drop target | 3 |
ondragleave | The event occurs when the dragged element leaves the drop target | 3 |
ondragover | The event occurs when the dragged element is over the drop target | 3 |
ondragstart | The event occurs when the user starts to drag an element | 3 |
ondrop | The event occurs when the dragged element is dropped on the drop target |
Media dogadjaji
Event | Description | DOM |
---|---|---|
onabort | The event occurs when the loading of a media is aborted | 3 |
oncanplay | The event occurs when the browser can start playing the media (when it has buffered enough to begin) |
3 |
oncanplaythrough | The event occurs when the browser can play through the media without stopping for buffering |
3 |
ondurationchange | The event occurs when the duration of the media is changed | 3 |
onemptied | The event occurs when something bad happens and the media file is suddenly unavailable (like unexpectedly disconnects) |
3 |
onended | The event occurs when the media has reach the end (useful for messages like “thanks for listening”) | 3 |
onerror | The event occurs when an error occurred during the loading of a media file | 3 |
onloadeddata | The event occurs when media data is loaded | 3 |
onloadedmetadata | The event occurs when meta data (like dimensions and duration) are loaded | 3 |
onloadstart | The event occurs when the browser starts looking for the specified media | 3 |
onpause | The event occurs when the media is paused either by the user or programmatically |
3 |
onplay | The event occurs when the media has been started or is no longer paused | 3 |
onplaying | The event occurs when the media is playing after having been paused or stopped for buffering | 3 |
onprogress | The event occurs when the browser is in the process of getting the media data (downloading the media) |
3 |
onratechange | The event occurs when the playing speed of the media is changed | 3 |
onseeked | The event occurs when the user is finished moving/skipping to a new position in the media |
3 |
onseeking | The event occurs when the user starts moving/skipping to a new position in the media |
3 |
onstalled | The event occurs when the browser is trying to get media data, but data is not available |
3 |
onsuspend | The event occurs when the browser is intentionally not getting media data | 3 |
ontimeupdate | The event occurs when the playing position has changed (like when the user fast forwards to a different point in the media) |
3 |
onvolumechange | The event occurs when the volume of the media has changed (includes setting the volume to “mute”) |
3 |
onwaiting | The event occurs when the media has paused but is expected to resume (like when the media pauses to buffer more data) |
3 |
Animation i transition dogoadjaji
Event | Description | DOM |
---|---|---|
animationend | The event occurs when a CSS animation has completed | 3 |
animationiteration | The event occurs when a CSS animation is repeated | 3 |
animationstart | The event occurs when a CSS animation has started | 3 |
transitionend | The event occurs when a CSS transition has completed | 3 |
View dogadjaji
Event Name | Fired When |
---|---|
fullscreenchange | An element was turned to fullscreen mode or back to normal mode. |
fullscreenerror | It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied. |
resize | The document view has been resized. |
scroll | The document view or an element has been scrolled. |
Clipboard dogadjaji
Event Name | Fired When |
---|---|
cut | The selection has been cut and copied to the clipboard |
copy | The selection has been copied to the clipboard |
paste | The item from the clipboard has been pasted |
Printing dogadjaji
Event Name | Fired When |
---|---|
beforeprint | The print dialog is opened |
afterprint | The print dialog is closed |
WebSocket dogadjaji
Event Name | Fired When |
---|---|
open | A WebSocket connection has been established. |
message | A message is received through a WebSocket. |
error | A WebSocket connection has been closed with prejudice (some data couldn’t be sent for example). |
close | A WebSocket connection has been closed. |
Network dogadjaji
Event Name | Fired When |
---|---|
online | The browser has gained access to the network. |
offline | The browser has lost access to the network. |
Dogadjaji u vezi resursa
Event Name | Fired When |
---|---|
DOMContentLoaded | The document has finished loading (but not its dependent resources). |
cached | The resources listed in the manifest have been downloaded, and the application is now cached. |
error | A resource failed to load. |
abort | The loading of a resource has been aborted. |
load | A resource and its dependent resources have finished loading. |
beforeunload | The window, the document and its resources are about to be unloaded. |
unload | The document or a dependent resource is being unloaded. |
Dogadjaji u vezi sa progresom
Event Name | Fired When |
---|---|
loadstart | Progress has begun. |
progress | In progress. |
error | Progression has failed. |
timeout | Progression is terminated due to preset time expiring. |
abort | Progression has been terminated (not due to an error). |
load | Progression has been successful. |
loadend | Progress has stopped (after “error”, “abort” or “load” have been dispatched). |
Spisak svih dogadjaja možete pogledati na MDN-u.