HTML DOM Events

HTML DOM Events

HTML DOM evenementen laten JavaScript verschillende event handlers registreren op elementen in een HTML-document.

Evenementen worden meestal gecombineerd met functies, functies worden niet uitgevoerd voordat het evenement optreedt (bijvoorbeeld wanneer een gebruiker op een knop klikt).

Voor handleidingen over evenementen, leer onze JavaScript evenementen handleiding.

evenement Description Belongs to
abort Dit gebeurt wanneer de media laden wordt afgebroken
afterprint Dit gebeurt wanneer de pagina begint te worden afgedrukt of wanneer het afdrukvenster wordt gesloten Event
animationend Dit gebeurt wanneer een CSS-animatie is voltooid AnimationEvent
animationiteration Dit gebeurt wanneer een CSS-animatie herhaald wordt AnimationEvent
animationstart Dit gebeurt wanneer een CSS-animatie begint AnimationEvent
beforeprint Dit gebeurt wanneer de pagina wordt klaargemaakt voor afdrukken Event
beforeunload Dit gebeurt voordat de document wordt ontladen
blur Dit gebeurt wanneer een element de focus verliest FocusEvent
canplay Dit gebeurt wanneer de browser de media kan beginnen af te spelen Event
canplaythrough Dit gebeurt wanneer de browser de media kan afspelen zonder de buffer te stoppen Event
change Dit gebeurt wanneer de inhoud, de selectie of de geselecteerde status van een form-element verandert Event
click Dit gebeurt wanneer een gebruiker op een element klikt MouseEvent
contextmenu Dit gebeurt wanneer een gebruiker met de rechter muisknop op een element klikt om een contextmenu te openen MouseEvent
copy Dit gebeurt wanneer een gebruiker de inhoud van een element kopieert ClipboardEvent
cut Dit gebeurt wanneer een gebruiker de inhoud van een element knipt ClipboardEvent
dblclick Dit gebeurt wanneer een gebruiker op een element dubbelklikt MouseEvent
drag Dit gebeurt wanneer een element wordt gedrag DragEvent
dragend Wanneer de gebruiker het verslepen van het element voltooit, vindt dit gebeuren plaats. DragEvent
dragenter Wanneer het gedrag van het element de plaats van bestemming binnenkomt, vindt dit gebeuren plaats. DragEvent
dragleave Wanneer het gedrag van het element de plaats van bestemming verlaat, vindt dit gebeuren plaats. DragEvent
dragover Wanneer het gedrag van het element op de plaats van bestemming wordt geplaatst, vindt dit gebeuren plaats. DragEvent
dragstart Wanneer de gebruiker begint met het verslepen van een element, vindt dit gebeuren plaats. DragEvent
drop Wanneer het gedrag van het element op de plaats van bestemming wordt geplaatst, vindt dit gebeuren plaats. DragEvent
durationchange Wanneer de duur van het media verandert, vindt dit gebeuren plaats. Event
ended Wanneer het media-einde wordt bereikt, vindt dit gebeuren plaats. Event
error Wanneer er een fout optreedt na het laden van een extern bestand, vindt dit gebeuren plaats.
focus Wanneer een element de focus krijgt, vindt dit gebeuren plaats. FocusEvent
focusin Wanneer een element de focus krijgt, vindt dit gebeuren plaats. FocusEvent
focusout Wanneer een element de focus verliest, vindt dit gebeuren plaats. FocusEvent
fullscreenchange Wanneer een element wordt weergegeven in volledig schermmodus, vindt dit gebeuren plaats. Event
fullscreenerror Wanneer een element niet kan worden weergegeven in volledig schermmodus, vindt dit gebeuren plaats. Event
hashchange Wanneer het URL-aansluitstuk verandert, vindt dit gebeuren plaats. HashChangeEvent
input Wanneer een element gebruikersinvoer ontvangt, vindt dit gebeuren plaats.
invalid Wanneer een element ongeldig is, vindt dit gebeuren plaats. Event
keydown Wanneer de gebruiker een toets indrukt, vindt dit gebeuren plaats. KeyboardEvent
keypress Wanneer de gebruiker een toets indrukt, vindt dit gebeuren plaats. KeyboardEvent
keyup Wanneer de gebruiker een toets loslaat, vindt dit gebeuren plaats. KeyboardEvent
load Wanneer het object is geladen, vindt dit gebeuren plaats.
loadeddata Wanneer de mediadata zijn geladen, vindt dit gebeuren plaats. Event
loadedmetadata Wanneer metadata (zoals afmetingen en duur) worden geladen, vindt dit gebeuren plaats. Event
loadstart Wanneer de browser begint met het zoeken naar de opgegeven media, vindt dit gebeuren plaats. ProgressEvent
message Wanneer een gebeurtenisbron berichten ontvangt, vindt dit gebeuren plaats. Event
mousedown Wanneer de gebruiker de muisknop op een element indrukt, vindt dit gebeuren plaats. MouseEvent
mouseenter Wanneer de cursor naar een element beweegt, vindt dit gebeuren plaats. MouseEvent
mouseleave Wanneer de cursor van een element afgaat, vindt dit gebeuren plaats. MouseEvent
mousemove Wanneer de cursor over een element beweegt, vindt dit gebeuren plaats. MouseEvent
mouseout Wanneer de gebruiker de muispijler van een element of een van zijn subelementen verlaat, vindt dit gebeuren plaats. MouseEvent
mouseover Wanneer de cursor naar een element of een van zijn subelementen beweegt, vindt dit gebeuren plaats. MouseEvent
mouseup Wanneer de gebruiker de muisknop loslaat op een element, vindt dit gebeuren plaats. MouseEvent
mousewheel Not recommended for use.Please use instead wheel Event. WheelEvent
offline This event occurs when the browser starts working offline. Event
online This event occurs when the browser starts working online. Event
open This event occurs when a connection is opened with the event source. Event
pagehide This event occurs when the user leaves a web page to navigate. PageTransitionEvent
pageshow This event occurs when the user navigates to a web page. PageTransitionEvent
paste This event occurs when some content is pasted into an element by the user. ClipboardEvent
pause This event occurs when the media is paused by the user or paused programmatically. Event
play This event occurs when the media has started or is no longer paused. Event
playing This event occurs when the media is paused or stopped to buffer and then played back. Event
popstate This event occurs when the browser history changes. PopStateEvent
progress This event occurs when the browser is in the process of obtaining media data. Event
ratechange This event occurs when the media playback speed changes. Event
reset This event occurs when a form is reset. Event
resize This event occurs when the size of the document view is adjusted.
scroll This event occurs when the scrollbar of a scrolling element is adjusted.
search This event occurs when the user enters content in the search field. Event
seeked This event occurs when the user finishes moving/jumping to a new position in the media. Event
seeking This event occurs when the user starts moving/jumping to a new position in the media. Event
select This event occurs after the user selects text (for<input>and<textarea>).
show This event occurs when the <menu> element is displayed as a context menu. Event
stalled This event occurs when the browser tries to retrieve media data but the data is not available. Event
storage This event occurs when the web storage area is updated. StorageEvent
submit This event occurs when a form is submitted. Event
suspend This event occurs when the browser intentionally does not retrieve media data. Event
timeupdate This event occurs when the playback position changes. Event
toggle This event occurs when the user opens or closes the <details> element. Event
touchcancel This event occurs when the touch is interrupted. TouchEvent
touchend This event occurs when the finger is removed from the touch screen. TouchEvent
touchmove This event occurs when the finger is dragged on the screen. TouchEvent
touchstart This event occurs when the finger is placed on the touch screen. TouchEvent
transitionend CSS conversion is complete when this event occurs. TransitionEvent
unload This event occurs after the page is unloaded (for <body>).
volumechange This event occurs when the volume of the media has changed. Event
waiting This event occurs when the media has paused but is expected to resume. Event
wheel This event occurs when the mouse wheel scrolls up or down on the element. WheelEvent

HTML DOM event properties and methods

Attribute/Method Description Belongs to
altKey Return whether the "ALT" key is pressed during the mouse event trigger. MouseEvent
altKey Return whether the "ALT" key is pressed during the key event trigger.
animationName Return the name of the animation. AnimationEvent
bubbles Return whether a specific event is a bubbling event. Event
button Geef de muisknop terug die is ingedrukt bij het triggeren van het muisgebeurtenis. MouseEvent
buttons Geef de muisknop terug die is ingedrukt bij het triggeren van het muisgebeurtenis. MouseEvent
cancelBubble Set or return whether the event should propagate to the upper level.
cancelable Return whether the event can prevent its default operation. Event
changeTouches Return a list of all touch objects whose state has changed between the previous touch and the current touch. TouchEvent
charCode Return the Unicode character code of the key that triggered the onkeypress event. KeyboardEvent
clientX Return the horizontal coordinate of the mouse pointer relative to the current window when the mouse event is triggered.
clientY Return the vertical coordinate of the mouse pointer relative to the current window when the mouse event is triggered.
clipboardData Return an object that contains the data affected by clipboard operations. ClipboardData
code Return the code of the key that triggered the event. KeyboardEvent
composed Indicate whether the event can be passed from the Shadow DOM to the general DOM. Event
composedPath() Return the path of the event.
createEvent() Create a new event. Event
ctrlKey Return whether the "CTRL" key is pressed during the mouse event trigger. MouseEvent
ctrlKey Return whether the "CTRL" key is pressed during the key mouse event.
currentTarget Return the element that triggered the event for its event listener. Event
data Return the inserted character. InputEvent
dataTransfer Return an object that contains the data being dragged or inserted/deleted.
defaultPrevented Return whether the preventDefault() method is called for the event. Event
deltaX Return the horizontal scroll amount of the mouse wheel (x-axis). WheelEvent
deltaY Return the vertical scroll amount of the mouse wheel (y-axis). WheelEvent
deltaZ Return the Z-axis scroll amount of the mouse wheel. WheelEvent
deltaMode Keert een getal terug dat de eenheid van het incrementwaarde (pixels, lijnen of pagina's) vertegenwoordigt. WheelEvent
detail Keert een getal terug dat aangeeft hoe vaak de muis is geklikt. UiEvent
elapsedTime Keert het aantal seconden terug dat de animatie is gelopen. AnimationEvent
elapsedTime Keert het aantal seconden terug dat de overgang is gelopen. 　
eventPhase Keert terug op welke fase van het gebeurtenisstroom het huidige gebeurtenis is. Event
getModifierState() Keert een array terug die de doelbereik bevat, dat zal worden beïnvloed door het invoegen of verwijderen. MouseEvent
getTargetRanges() Keert een array terug die de doelbereik bevat, dat zal worden beïnvloed door het invoegen of verwijderen. InputEvent
inputType Keert het type van de wijziging terug (bijvoorbeeld 'inserting' of 'deleting'). InputEvent
isComposing Keert terug of de status van het gebeurtenis in aanbouw is.
isTrusted Keert terug of het gebeurtenis vertrouwd is. Event
key Keert de waarde van de toets terug die het gebeurtenis vertegenwoordigt. KeyboardEvent
key Keert de sleutel van het opgeslagen item terug dat is gewijzigd. StorageEvent
keyCode Keert de Unicode-code van de toets terug die het triggen van een onkeypress, onkeydown of onkeyup-gebeurtenis heeft veroorzaakt. KeyboardEvent
location Keert de positie van de toets op de toetsenbord of het apparaat terug. KeyboardEvent
lengthComputable Keert terug of de lengte van de voortgang kan worden berekend. ProgressEvent
loaded Keert het werk dat is geladen terug. ProgressEvent
metaKey Keert terug of de 'META'-toets is ingedrukt bij het triggen van een gebeurtenis. MouseEvent
metaKey Keert terug of de 'META'-toets is ingedrukt bij het triggen van een toetsgebeurtenis.
MovementX Keert de horizontale coördinaat van de muispijler terug ten opzichte van de positie van de vorige mousemove-gebeurtenis. MouseEvent
MovementY Keert de verticale coördinaat van de muispijler terug ten opzichte van de positie van de vorige mousemove-gebeurtenis. MouseEvent
newURL Keert de document URL terug nadat de hash is gewijzigd. HasChangeEvent
newValue Keert de nieuwe waarde van het opgeslagen item terug dat is gewijzigd. StorageEvent
offsetX Keert de horizontale coördinaat van de muispijler ten opzichte van de rand van het doelobject terug. MouseEvent
offsetY Keert de verticale coördinaat van de muispijler ten opzichte van de rand van het doelobject terug. MouseEvent
oldURL Keert de document URL terug voordat de hash is gewijzigd. HasChangeEvent
oldValue Keert de oude waarde van het opgeslagen item terug dat is gewijzigd. StorageEvent
onemptied Dit gebeurt wanneer er een slechte situatie optreedt en de media-bestanden plotseling niet beschikbaar zijn. 　
pageX Keert de horizontale coördinaat van de muispijler ten opzichte van het document terug bij het triggen van een muisgebeurtenis. MouseEvent
pageY Keert de verticale coördinaat van de muispijler ten opzichte van het document terug bij het triggen van een muisgebeurtenis. MouseEvent
persisted Keert terug of de webpagina in de browser's cache is opgeslagen. PageTransitionEvent
preventDefault() Als het evenement kan worden geannuleerd, annuleer het dan niet uitvoeren van de standaardacties die behoren tot het evenement. Event
propertyName Geef de naam van het CSS-eigenschap terug dat verbonden is met de animatie of transitie.
pseudoElement Geef de naam van het pseudo-element terug dat de animatie of transitie bevat.
region MouseEvent
relatedTarget Geef het element terug dat gerelateerd is aan het element dat het muisgebeurtenis heeft getriggerd. MouseEvent
relatedTarget Geef het element terug dat gerelateerd is aan het element dat het evenement heeft getriggerd. FocusEvent
repeat Geef terug of een toets wordt herhaald ingedrukt. KeyboardEvent
screenX Geef de horizontale coördinaat van het scherm of muispijl ten opzichte van het scherm terug. MouseEvent
screenY Geef de verticale coördinaat van het scherm of muispijl ten opzichte van het scherm terug. MouseEvent
shiftKey Geef terug of de 'SHIFT'-toets is ingedrukt wanneer het evenement wordt getriggerd. MouseEvent
shiftKey Geef terug of de 'SHIFT'-toets is ingedrukt wanneer het toetsenbordgebeurtenis wordt getriggerd.
state Geef het object terug dat een kopie van het historieboekingsitem bevat. PopStateEvent
stopImme...() Voorkom dat andere luistervers van hetzelfde evenement worden aangeroepen. Event
stopPropagation() Voorkom dat het evenement verder in de evenementenstroom wordt verspreid. Event
storageArea Geef het object terug dat het beïnvloede opslagobject vertegenwoordigt. StorageEvent
target Geef het element terug dat het evenement heeft getriggerd. Event
targetTouches Geef de TouchList-lijst van Touch-objecten terug die alle touchpunten bevatten die nog steeds in contact zijn met het oppervlak. TouchEvent
timeStamp Geef het tijdstip van creatie van het evenement terug (in milliseconden ten opzichte van de epoch). Event
total Geef het totale aantal werk dat moet worden geladen terug. ProgressEvent
touches Geef de lijst van alle touch-objecten die momenteel in contact zijn met het oppervlak terug. TouchEvent
type Geef de naam van het evenement terug. Event
url Geef de URL van het document terug waar het gewijzigde item zich bevindt. StorageEvent
which Geef de muisknop terug die is ingedrukt bij het triggeren van het muisgebeurtenis. MouseEvent
which Geef de Unicode karaktercode van de toets die het onkeypress-evenement heeft getriggerd, of de Unicode toetscode van de toets die het onkeydown of onkeyup-evenement heeft getriggerd. KeyboardEvent
view Geef de verwijzing naar het Window-object dat het gebeurde evenement heeft terug. UiEvent