HTML - Event Attributen
Event attributen ook wel genoemd gebeurtenis attributen zorgen er onder meer voor dat webpagina's kunnen reageren op muisbewegingen of toetsaanslagen van de gebruiker. Hieronder vind je een overzicht van event attributen die je aan de meeste tags kunt toevoegen, welke betrekking hebben op het uitvoeren van een script.Events in vensters
Alle attributen gemarkeerd met
zijn onderdeel van HTML5.
 |
Attribuut | Beschrijving |
|---|---|---|
|
onafterprint | Script wordt uitgevoerd nadat het document wordt afgedrukt. |
|
onbeforeprint | Script wordt uitgevoerd voordat het document wordt afgedrukt. |
|
onbeforeonload | Script wordt uitgevoerd voordat het document wordt geladen. |
|
onerror | Script wordt uitgevoerd wanneer er een fout optreedt. |
|
onhaschange | Script wordt uitgevoerd wanneer een document is veranderd. |
| onload | Script wordt uitgevoerd nadat de pagina klaar is met laden. | |
|
onmessage | Script wordt uitgevoerd wanneer het bericht wordt geactiveerd. |
|
onoffline | Script wordt uitgevoerd wanneer er offline wordt gewerkt. |
|
ononline | Script wordt uitgevoerd wanneer er online wordt gewerkt. |
|
onpagehide | Script wordt uitgevoerd wanneer een venster wordt verborgen. |
|
onpageshow | Script wordt uitgevoerd wanneer een venster zichtbaar wordt. |
|
onpopstate | Script wordt uitgevoerd wanneer de geschiedenis van een venster verandert. |
|
onredo | Script wordt uitgevoerd wanneer een document een redo uitvoert. |
|
onresize | Script wordt uitgevoerd wanneer het browservenster wordt aangepast. |
|
onstorage | Script wordt uitgevoerd wanneer een Web Storage gebied wordt bijgewerkt. |
|
onundo | Script wordt uitgevoerd wanneer een document een undo uitvoert. |
| onunload | Script wordt uitgevoerd wanneer een gebruiker het document verlaat. |
Events in formulieren
Alle attributen gemarkeerd met zijn onderdeel van HTML5.
|
Attribuut | Beschrijving |
|---|---|---|
| onblur | Script wordt uitgevoerd als een element de focus verliest. | |
| onchange | Script wordt uitgevoerd als een element in een document verandert. | |
|
oncontextmenu | Script wordt uitgevoerd als er op de rechtermuisknop wordt gedrukt. |
| onfocus | Script wordt uitgevoerd als een element de focus krijgt. | |
|
onformchange | Script wordt uitgevoerd wanneer een formulier verandert. |
|
onforminput | Script wordt uitgevoerd als de waarde van een formulier wordt veranderd. |
|
oninput | Script wordt uitgevoerd wanneer de waarde van een element wordt veranderd. |
|
oninvalid | Script wordt uitgevoerd wanneer een element ongeldig is. |
| onreset | Script wordt uitgevoerd om de beginwaarden van een formulier te herstellen. | |
| onselect | Script wordt uitgevoerd als een element wordt geselecteerd. | |
| onsubmit | Script wordt uitgevoerd als een formulier wordt verstuurd naar de server. |
Toetsenbord events
|
Attribuut | Beschrijving |
|---|---|---|
| onkeydown | Script wordt uitgevoerd wanneer de gebruiker een toets indrukt. | |
| onkeypress | Script wordt uitgevoerd als er op een toets wordt gedrukt en weer losgelaten. | |
| onkeyup | Script wordt uitgevoerd wanneer de gebruiker een toets indrukt. |
Muis events
Alle attributen gemarkeerd met zijn onderdeel van HTML5.
|
Attribuut | Beschrijving |
|---|---|---|
| onclick | Script wordt uitgevoerd wanneer de gebruiker met de muis op een knop klikt. | |
| ondblclick | Script wordt uitgevoerd wanneer er op een knop wordt dubbel geklikt. | |
|
ondrag | Script wordt uitgevoerd als een element wordt versleept |
|
ondragend | Script wordt uitgevoerd aan het einde van het verslepen van een element. |
|
ondragenter | Script wordt uitgevoerd als het versleepte element boven een geldig doel komt. |
|
ondragleave | Script wordt uitgevoerd als het versleepte element een geldig doel verlaat. |
|
ondragover | Wordt uitgevoerd als het versleepte element zich boven een geldig doel bevindt. |
|
ondragstart | Script wordt uitgevoerd aan het begin van het verslepen van een element. |
|
ondrop | Wordt uitgevoerd als het versleepte element op een geldig doel wordt gedropt. |
| onmousedown | Script wordt uitgevoerd als de muisknop wordt ingedrukt. | |
| onmousemove | Script wordt uitgevoerd als de muis over een element wordt bewogen. | |
| onmouseout | Script wordt uitgevoerd als de muis zich niet meer boven een element bevindt. | |
| onmouseover | Script wordt uitgevoerd als de muis zich boven een element bevindt. | |
| onmouseup | Script wordt uitgevoerd als de muisknop wordt losgelaten. | |
|
onscroll | Script wordt uitgevoerd wanneer de scrollbar van een element wordt gescrold. |
|
onwheel | Script wordt uitgevoerd als er aan het muis wieltje wordt gedraaid. |
Multimedia events
Alle attributen gemarkeerd met zijn onderdeel van HTML5.
|
Attribuut | Beschrijving |
|---|---|---|
| onabort | Script wordt uitgevoerd als er wordt afgebroken. | |
|
oncanplay | Script wordt uitgevoerd als een media kan worden afgespeeld (gebufferd). |
|
oncanplaythrough | Script wordt uitgevoerd als de media zonder onderbreking kan worden afgespeeld. |
|
ondurationchange | Script wordt uitgevoerd als de speelduur van het audio of videobestand wijzigt. |
|
onemptied | Treedt op als er iets is fout gegaan waardoor de media niet meer beschikbaar is. |
|
onended | Script wordt uitgevoerd als het mediabestand het einde heeft bereikt. |
|
onerror | Script wordt uitgevoerd als er wat fout gaat bij het laden van de media. |
|
onloadeddata | Script wordt uitgevoerd als de media data is geladen. |
|
onloadedmetadata | Script wordt uitgevoerd als de meta-data van het mediabestand zijn geladen. |
|
onloadstart | Script wordt uitgevoerd als het laden van een mediabestand begint. |
|
onpause | Script wordt uitgevoerd als het afspelen van de media wordt onderbroken. |
|
onplay | Script wordt uitgevoerd als de media gereed is om te worden afgespeeld. |
|
onplaying | Script wordt uitgevoerd als de media daadwerkelijk wordt afgespeeld. |
|
onprogress | Script wordt uitgevoerd als de browser bezig is het bestand te downloaden. |
|
onratechange | Script wordt uitgevoerd als de afspeel snelheid van de media verandert. |
|
onseeked | Script wordt uitgevoerd als een zoekactie is beëindigd. |
|
onseeking | Script wordt uitgevoerd als een zoekactie bezig is. |
|
onstalled | Wordt uitgevoerd als de browser de gevraagde mediagegevens niet kan ophalen. |
|
onsuspend | Script wordt uitgevoerd als het downloaden van het bestand wordt beëindgd |
|
ontimeupdate | Script wordt uitgevoerd als de gebruiker vooruit of achteruit spoelt. |
|
onvolumechange | Script wordt uitgevoerd als het volume wordt verandert. |
|
onwaiting | Script wordt uitgevoerd als de browser moet stoppen met het afspelen. |
