En event handler er en javaScript-funktionalitet. Den kan sammenlignes med en mikrofon der placeres et bestemt sted for at opdage, når en given hændelse (event) forekommer i HTML eller iværksat af brugeren med mus / tastatur.
Eventhandlere anvendes til at starte en JavaScript-metode. De kan startes fra kode indlagt i HTML-tags og kan f.eks se således ud: <button onclick="copyText()">Kopier tekst</button>. Skal der styres flere hændelser fra samme tag kan det gøres således: <body onLoad="initButton();placeIt();" onResize="initButton()">
Der er defineret ca. 75 events - opdelt i 5 hovedgrupper - til brug på HTML-sider. Mange af dem synes dog planlagt til først at kunne bruges i 2014.
Nogle af de HTML-events, der kan læses af javaScript-eventhandlere kan også læses af jQuery-kode. Disse er indsati jQuery-kolonnen. En del af de eventhandlere etc. der kan anvendes i jQuery kan ikke" startes fra HTML. Disse er vist nederst på denne side.
Hændelse | JavaScript/ vbScript metode udføres når/mens/før: | Håndterer
events for
objekterne: | Links |
Vindue
|
|
Hændelser til anvendelse i body-taggen
|
|---|
|
| onafterprint | Når browseren har afsluttet opbygningen af printversion af det aktuelle dokument til brug som "print" eller "vis print". | |
   |
| onbeforeprint | Når browseren påbegynder opbygningen af printversion af det aktuelle dokument til brug som "print" eller "vis print". | |
|
| onbeforeunload | Umiddelbart før aktuel HTML-side forlades. Brugeren kan via dialog gives mulighed for at afgøre om siden skal forlades eller ej. | |
|
| onError | Når der opstår en fejl. | |
|
| onhashchange | Når der sker ændring i hashdelen af aktuel URL (den del der begynder med hashtegnet "#"). | |
|
| onLoad | Når indlæsningen af en side er afsluttet. (se også (onPageShow). | |
|
| onmessage | Når en input formmethod="post"-meddelelse sendt andetsteds fra modtages i aktuel HTML-side. | |
|
| onoffline | Når browseren begynder at arbejde offline. | |
|
| ononline | Når browseren begynder at arbejde online. | |
|
| onpagehide | Umiddelbart før aktuel HTML-side forlades, eller når den gemmes i cache. (se også onUnload)) | |
 |
| onpageshow | Når indlæsningen af en side er afsluttet , eller når den genetableres fra cache. (se også onLoad) | |
|
| onpopstate | Når der sker ændringer til sidens historik. | |
|
| onredo | Når brugeren udfører en "redo" aktivitet - f.eks. ved at trykke på "gendan"-knap (Ctrl+Y). (se også onUndo) | |
|
| onresize | Når størrelsen på et vist objekt er blevet ændret. | |
|
| onstorage | Når der sker ændringer i indholdet i browserens Web-storage lager. | |
|
| onundo | Når brugeren udfører en "undo" aktivitet - f.eks. ved at trykke på "fortryd"- (Ctrl+Z) eller på ESC-knappen. (se også onRedo) | |
|
| onunload | Umiddelbart før aktuel HTML-side forlades. (se også onPageHide). | |
|
Form
|
|
Hændelser (især) til anvendelse i eller indenfor rammerne af form-taggen
|
|---|
|
| onBlur | Når et tag mister fokus (bliver inaktivt). (se også onfocus). | |
|
| onChange | Når der sker ændring i værdien i en selektion, i en "checked" status eller i indholdet i et tag. | input-, text- og textarea |
|
| oncontextmenu | Når klik med højre museknap på indhold i et tag medfører at der vises en contextmenu. | |
 |
| onFocus | Når indhold i tag kommer i fokus. (se også onblur). | |
|
| onformchange | Når en værdi ændres i et af taggene i en form. | form |
|
| onforminput | Når en værdi ændres i et specifikt tag i en form. | alle "databærende" tags i en form. |
|
| oninput | Når tekstindholdet i et tag til indtastning er ændret af brugeren. | |
|
| oninvalid | Når et databærende tag indeholder en ikke-tilladt værdi. | |
|
| onselect | Når tekst er blevet selekteret i et tag (f.eks. text- eller textarea-tags). | text, text area |
|
| onsubmit | Når brugeren trykker på submit-knappen i en form. | form |
|
Tastatur
|
|
Hændelser knyttet til anvendelse af tastatur
|
|---|
|
| onKeyDown | Når et tag er i fokus og en tast holdes trykket ned. | |
|
| onKeyPress | Når et tag er i fokus og en tast trykkes ned. | |
|
| onKeyUp | Når et tag er i fokus og en tast slippes efter at have været trykket ned. | |
|
Mus
|
|
Hændelser knyttet til anvendelse af mus
|
|---|
|
| onClick | Når brugeren foretager et enkelt kort klik på et element. | |
|
| onDblClick | Når brugeren foretager et kort dobblet klik på et element. | |
|
| ondrag | Mens musen med trykket knap trækkes hen over et objekt | |
|
| ondragend | Når museknappen slippes efter i trykket tilstand at have været trukket hen over et objekt. | |
|
| ondragenter | Når markøren under en trækoperation (museknappen trykket) kommer frem til kanten af aktuelt objekt. | |
|
| ondragleave | Når markøren under en trækoperation (museknappen trykket) forlader aktuelt objekt. | |
|
| ondragover | Mens markøren under en trækoperation (museknappen trykket) er inde over aktuelt objekt. | |
|
| ondragstart | Når en trækoperation (museknappen trykket) påbegyndes, mens markøren er over aktuelt objekt. | |
|
| ondrop | Når en trækoperation (museknappen trykket) afsluttes, mens markøren er over aktuelt objekt. | |
|
| onMouseDown | Når museknappen trykkes mens markøren over aktuelt objekt. | |
|
| onMouseMowe | Når markøren føres utrykket hen over aktuelt objekt. | |
|
| onMouseOut | Når markøren føres utrykket væk fra aktuelt objekt. | |
|
| onMouseOver | Når markøren føres utrykket ind over aktuelt objekt. | |
|
| onMouseUp | Når trykket museknap slippes igen efter tryk mens markøren over aktuelt objekt. | |
|
| onMousewheel | Mens hjulet på musen kører. | |
|
| onscroll | Når der foretages "scroll" i en scrollbar. | |
|
Medier
|
|
Hændelser knyttet til mediefiler
|
|---|
|
| onabort | Når brugeren afbryder indlæsning af img eller input type="imgage"-filer | |
|
| oncanplay | Når tilstrækkelig mængde mediedata er til rådighed til at afspilning kan foretages. Forekommer efter onloadeddata og før oncanplaythrough. | |
|
| oncanplaythrough | Når mediedata modtages med en sådan hastighed at filen kan afspilles færdig uden at afbrydelser forekommer. Forekommer efter oncanplay og før første onprogress-impuls er modtaget. | |
|
| ondurationchange | Når duration-attributten ændres. Forekommer umiddelbart efter onloadstart og før onloadedmetadata. | |
|
| onemptied | Når mediefilens networkState er skiftet fra en anden værdi til networkEmpty. | |
|
| onended | Når filen er afspillet færdig og dens ended er nået. | |
|
| onerror | Når der opstår en fejl under indlæsning af en mediefil. | |
|
| onloadeddata | Når mediefilens readyState første gang er skiftet til have_current_data eller højere. | |
|
| onloadedmetadata | Når mediefilens readyState første gang er skiftet til have_metadata eller højere. | |
|
| onloadstart | Når indlæsning af filen er påbegyndt og networkState har værdien network_loading. | |
|
| onpause | Når afspilning af filen er sat på pause med pause()-metoden sat til true. | |
|
| onplay | Når afspilning af filen er sat på play med play()-metoden og pause()-metoden sat til false. | |
|
| onplaying | Mens afspilning pågår efter at have været sat på pause eller efter at have ventet på indlæsning af data. | |
|
| onprogress | Når browseren begynder at modtage data fra serveren og networkState har værdien network_loading. | |
|
| onratechange | Når afspilningshastigheden ændres ved at defaultPlaybackRate eller playbackRate ændres. | |
|
onreadystatechange | Når der sker ændringer i værdien af filens eller en HTML-side's statuskode. | |
|
| onseeked | Når en søgning efter nyt afspilningspunkt er afsluttet og seeking-attributten er sat til false. | |
|
| onseeking | Mens en søgning pågår efter at afspilningspunktet er ændret - af brugeren - og seeking-attributten er sat til true. | |
|
| onstalled | Når hentning af data er påbegyndt, men uanset årsag stoppet/steejlet ukontrolleret før færdiggørelse. networkState har værdien network_loading. | |
|
| onsuspend | Når hentning af data er påbegyndt men midlertidigt stoppet af brugeren. networkState har værdien network_idle | |
|
| ontimeupdate | Når afspilningstiden ændres anderledes end den normale afspilningsrytme (f.eks. ved hurtig frem / tilbage). | |
|
| onvolumechange | Når lydstyrke er ændret - inklusive "mute" til og fra. | |
|
| onwaiting | Når afspilning automatisk er stoppet, men genoptagelse forventes efter indlæsning af flere data til bufferen. | |
|
Events (hændelser)