HTML Event Referentiemanual

Aanbevolen cursus:

Globale gebeurtenisattributen

HTML heeft de mogelijkheid om gebeurtenissen te activeren die acties in de browser veroorzaken, zoals het starten van JavaScript wanneer de gebruiker op een element klikt. JavaScript TutorialVoor meer informatie over programmagebeurtenissen, bezoek onze

.

Hieronder zijn globale gebeurtenisattributen die kunnen worden toegevoegd aan HTML-elementen om eventuele handelingen te definiëren.

Window-gebeurtenisattributen

eigenschap eigenschap waarde
Gebeurtenissen die worden geactiveerd voor het window-object (toepasbaar op de <body>-tag): script Script dat wordt uitgevoerd nadat het document is afgedrukt.
onbeforeprint script Script dat wordt uitgevoerd voordat het document wordt afgedrukt.
onbeforeunload script Script dat wordt uitgevoerd voordat het document wordt ontladen.
onerror script Script dat wordt uitgevoerd wanneer er een fout optreedt.
onhaschange script Script dat wordt uitgevoerd wanneer het document verandert.
onload script Wordt geactiveerd nadat de pagina is geladen.
onmessage script Script dat wordt uitgevoerd wanneer een bericht wordt geactiveerd.
onoffline script Script dat wordt uitgevoerd wanneer het document offline wordt.
ononline script Script dat wordt uitgevoerd wanneer het document online wordt.
onpagehide script Script dat wordt uitgevoerd wanneer het venster wordt verborgen.
onpageshow script Script dat wordt uitgevoerd wanneer het venster zichtbaar wordt.
onpopstate script Script dat wordt uitgevoerd wanneer de geschiedenis van het venster verandert.
onredo script Script dat wordt uitgevoerd wanneer het document undo (redo) uitvoert.
onresize script Wordt geactiveerd wanneer het browservenster wordt verlargerd.
onstorage script Script dat wordt uitgevoerd nadat de Web Storage-ruimte is bijgewerkt.
onundo script Script dat wordt uitgevoerd wanneer de document undo wordt uitgevoerd.
onunload script Wordt geactiveerd wanneer de pagina is gedownload (of het browservenster is gesloten).

Form-gebeurtenissen

Gebeurtenissen die worden geactiveerd door acties in HTML-formulieren (toepasbaar op bijna alle HTML-elementen, maar meestal gebruikt in form-elementen):

eigenschap eigenschap waarde
onblur script Script dat wordt uitgevoerd wanneer het element wordt ont-focust.
onchange script Script dat wordt uitgevoerd wanneer de waarde van het element wordt gewijzigd.
oncontextmenu script Script dat wordt uitgevoerd wanneer het contextmenu wordt geactiveerd.
onfocus script Script dat wordt uitgevoerd wanneer een element wordt gefocust.
onformchange script Script dat wordt uitgevoerd wanneer een formulier verandert.
onforminput script Script dat wordt uitgevoerd wanneer een formulier gebruikersinput ontvangt.
oninput script Script dat wordt uitgevoerd wanneer een element gebruikersinput ontvangt.
oninvalid script Script dat wordt uitgevoerd wanneer een element ongeldig is.
onreset script Wordt geactiveerd wanneer de reset-knop in een formulier wordt ingedrukt. Niet ondersteund in HTML5.
onselect script Wordt geactiveerd wanneer tekst in een element wordt geselecteerd.
onsubmit script Wordt geactiveerd wanneer een formulier wordt ingediend.

Keyboard-gebeurtenissen

eigenschap eigenschap waarde
onkeydown script Wordt geactiveerd wanneer de gebruiker een toets indrukt.
onkeypress script Wordt geactiveerd wanneer de gebruiker een knop indrukt.
onkeyup script Wordt geactiveerd wanneer de gebruiker een toets loslaat.

Muis-gebeurtenissen

Gebeurtenissen die worden geactiveerd door muis- of soortgelijke gebruikersacties:

eigenschap eigenschap waarde
onclick script Wordt geactiveerd wanneer er op het element wordt geklikt met de muis.
ondblclick script Wordt geactiveerd wanneer er op het element wordt dubbelklikt met de muis.
ondrag script Script dat wordt uitgevoerd wanneer het element wordt getrokken.
ondragend script Script dat wordt uitgevoerd aan het einde van de trekoperatie.
ondragenter script Script dat wordt uitgevoerd wanneer het element naar de geldige drag-and-drop-ruimte is getrokken.
ondragleave script Script dat wordt uitgevoerd wanneer het element het geldige drag-and-drop-doel verlaat.
ondragover script Script dat wordt uitgevoerd wanneer het element wordt getrokken naar een geldig drag-and-drop-doel.
ondragstart script Script dat wordt uitgevoerd aan het begin van de trekoperatie.
ondrop script Script dat wordt uitgevoerd wanneer het element wordt getrokken en neergezet.
onmousedown script Wordt geactiveerd wanneer de muisknop op het element wordt ingedrukt.
onmousemove script Wordt geactiveerd wanneer de muispijl op het element wordt gezet.
onmouseout script Wordt geactiveerd wanneer de muispijl uit het element verdwijnt.
onmouseover script Wordt geactiveerd wanneer de muispijl op het element wordt gezet.
onmouseup script Wordt geactiveerd wanneer de muisknop wordt losgelaten op het element.
onmousewheel script Script dat wordt uitgevoerd wanneer de muiswiel wordt gescrolld.
onscroll script Script dat wordt uitgevoerd wanneer de elementenroller wordt gescrolld.

Media-gebeurtenissen

Gebeurtenissen die worden geactiveerd door media (bijvoorbeeld video, afbeeldingen en audio) (van toepassing op alle HTML-elementen, maar vaak voorkomend in media-elementen zoals <audio>, <embed>, <img>, <object> en <video>):

eigenschap eigenschap waarde
beschrijving script De script die wordt uitgevoerd wanneer er wordt afgesloten
oncanplay script De script die wordt uitgevoerd wanneer het bestand klaar is om te beginnen met afspelen (wanneer de buffer voldoende is om te beginnen)
oncanplaythrough script De script die wordt uitgevoerd wanneer het medium kan worden afgespeeld tot het einde zonder dat er om buffering hoeft te worden gestopt
ondurationchange script De script die wordt uitgevoerd wanneer de lengte van het medium verandert
onemptied script De script die wordt uitgevoerd wanneer er een storing optreedt en het bestand plotseling niet beschikbaar is (bijvoorbeeld wanneer de verbinding onverwacht wordt verbroken)
onended script De script die wordt uitgevoerd wanneer het medium aan het einde is gekomen (kan berichten zoals 'Bedankt voor het kijken' verzenden)
onerror script De script die wordt uitgevoerd wanneer er een fout optreedt tijdens het laden van het bestand
onloadeddata script De script die wordt uitgevoerd wanneer de mediagegevens zijn geladen
onloadedmetadata script De script die wordt uitgevoerd wanneer de metadata (bijvoorbeeld resolutie en duur) worden geladen
onloadstart script De script die wordt uitgevoerd wanneer het bestand wordt geladen maar nog geen gegevens zijn geladen
onpause script De script die wordt uitgevoerd wanneer het medium wordt gepauzeerd door de gebruiker of het programma
onplay script De script die wordt uitgevoerd wanneer het medium klaar is om te beginnen met afspelen
onplaying script De script die wordt uitgevoerd wanneer het medium is begonnen met afspelen
onprogress script De script die wordt uitgevoerd wanneer de browser bezig is met het ophalen van mediagegevens
onratechange script De script die wordt uitgevoerd wanneer de speelfrequentie verandert (bijvoorbeeld wanneer de gebruiker overgaat naar slow motion of naar voorwaarts spoelen)
onreadystatechange script De script die wordt uitgevoerd wanneer de status van het gereed zijn verandert (de status van het gereed zijn monitort de status van de mediagegevens)
onseeked script De script die wordt uitgevoerd wanneer de seeking-eigenschap wordt ingesteld op false (wat aangeeft dat het lokaliseren is beëindigd)
onseeking script De script die wordt uitgevoerd wanneer de seeking-eigenschap wordt ingesteld op true (wat aangeeft dat het lokaliseren actief is)
onstalled script De script die wordt uitgevoerd wanneer de browser niet in staat is om mediagegevens op te halen vanwege elke oorzaak
onsuspend script De script die wordt uitgevoerd voordat de mediagegevens worden opgehaald vanwege een oorzaak van elke aard
ontimeupdate script De script die wordt uitgevoerd wanneer de spelerpositie verandert (bijvoorbeeld wanneer de gebruiker naar een andere positie in het medium springt)
onvolumechange script De script die wordt uitgevoerd wanneer het volume verandert (inclusief het instellen van het volume op stil)
onwaiting script Als het medium is gestopt met afspelen maar van plan is om door te gaan met afspelen (bijvoorbeeld wanneer het medium wordt gepauzeerd om meer data te bufferen) voert het script uit