HTML DOM begivenheder

HTML DOM begivenheder

HTML DOM hændelser tillader JavaScript at registrere forskellige eventhåndterere på elementer i et HTML-dokument.

Hændelser bruges ofte sammen med funktioner, og funktionen kører ikke, før hændelsen sker (f.eks. når brugeren klikker på en knap).

For at lære mere om hændelser, tag en kig på vores JavaScript hændelsesundervisning.

hændelse Beskrivelse Tilhører
abort Dette sker, når mediet stopper med at blive loaded.
afterprint Dette sker, når siden begynder at blive udskrevet eller når printerdIALOGGEN lukkes. Event
animationend Dette sker, når CSS-animeringen afsluttes. AnimationEvent
animationiteration Dette sker, når CSS-animeringen gentages. AnimationEvent
animationstart Dette sker, når CSS-animeringen starter. AnimationEvent
beforeprint Dette sker, når siden er ved at blive udskrevet. Event
beforeunload Dette sker, før dokumentet er ved at blive deinstalleret.
blur Dette sker når elementet mister fokus. FocusEvent
canplay Dette sker når browseren kan begynde at afspille mediet. Event
canplaythrough Dette sker når browseren kan afspille mediet uden at stoppe bufferingen. Event
change Dette sker når indholdet af et form-element, det valgte indhold eller den valgte tilstand ændres. Event
click Dette sker når brugeren klikker på elementet. MouseEvent
contextmenu Dette sker når brugeren højreklikker på et element for at åbne en kontekstmenu. MouseEvent
copy Dette sker når brugeren kopierer indholdet af elementet. ClipboardEvent
cut Dette sker når brugeren klipper indholdet af elementet. ClipboardEvent
dblclick Dette sker når brugeren dobbeltklikker på elementet. MouseEvent
drag Dette sker når elementet bliver trukket. DragEvent
dragend Dette begivenhed opstår, når brugeren har fuldført trækningen af elementet. DragEvent
dragenter Dette begivenhed opstår, når den trukne element kommer ind i målstedet. DragEvent
dragleave Dette begivenhed opstår, når den trukne element forlader målstedet. DragEvent
dragover Dette begivenhed opstår, når den trukne element er over målstedet. DragEvent
dragstart Dette begivenhed opstår, når brugeren begynder at trække elementet. DragEvent
drop Dette begivenhed opstår, når den trukne element placeres på målstedet. DragEvent
durationchange Dette begivenhed opstår, når medievarigheden ændres. Event
ended Dette begivenhed opstår, når medieafspilningen når sin ende. Event
error Dette begivenhed opstår, når der opstår en fejl efter indlæsning af et eksternt fil.
focus Dette begivenhed opstår, når elementet får fokus. FocusEvent
focusin Dette begivenhed opstår, når elementet er ved at få fokus. FocusEvent
focusout Dette begivenhed opstår, når elementet er ved at miste fokus. FocusEvent
fullscreenchange Dette begivenhed opstår, når elementet vises i fuldskærmstilstand. Event
fullscreenerror Dette begivenhed opstår, når elementet ikke kan vises i fuldskærmstilstand. Event
hashchange Dette begivenhed opstår, når URL's ankerdel ændres. HashChangeEvent
input Dette begivenhed opstår, når elementet modtager brugerinput.
invalid Dette begivenhed opstår, når elementet er ugyldigt. Event
keydown Dette begivenhed opstår, når brugeren holder tasten nede. KeyboardEvent
keypress Dette begivenhed opstår, når brugeren trykker på tasten. KeyboardEvent
keyup Dette begivenhed opstår, når brugeren slipper tasten. KeyboardEvent
load Dette begivenhed opstår, når objektet er loaded.
loadeddata Dette begivenhed opstår, efter at mediedata er loaded. Event
loadedmetadata Dette begivenhed opstår, når metadata (f.eks. størrelse og varighed) loader. Event
loadstart Når browseren begynder at søge efter den angivne medie, opstår dette begivenhed. ProgressEvent
message Dette begivenhed opstår, når der modtages beskeder gennem denne begivenhedskilde. Event
mousedown Når brugeren trykker på museknappen på elementet, opstår dette begivenhed. MouseEvent
mouseenter Når pegefeltet bevæger sig til elementet, opstår dette begivenhed. MouseEvent
mouseleave Når pegefeltet forlader elementet, opstår dette begivenhed. MouseEvent
mousemove Når pegefeltet bevæger sig over elementet, opstår dette begivenhed. MouseEvent
mouseout Når brugeren flytter musepegefeltet uden for elementet eller et af dens underelementer, opstår dette begivenhed. MouseEvent
mouseover Når pegefeltet bevæger sig til elementet eller et af dens underelementer, opstår dette begivenhed. MouseEvent
mouseup Når brugeren frigiver museknappen på elementet, opstår dette begivenhed. MouseEvent
mousewheel Anbefales ikke at bruge.Brug venligst wheel begivenhed WheelEvent
offline Når browseren begynder at arbejde offline, forekommer dette begivenhed. Event
online Når browseren begynder at arbejde online, forekommer dette begivenhed. Event
open Når forbindelsen til begivenhedskilden åbnes, forekommer dette begivenhed. Event
pagehide Når brugeren forlader en webside for at navigere væk, forekommer dette begivenhed. PageTransitionEvent
pageshow Når brugeren navigerer til en webside, forekommer dette begivenhed. PageTransitionEvent
paste Når brugeren indsætter noget indhold i et element, forekommer dette begivenhed. ClipboardEvent
pause Når mediet bliver暂停et af brugeren eller programmeringsmæssigt, forekommer dette begivenhed. Event
play Når mediet starter eller ikke længere er暂停et, forekommer dette begivenhed. Event
playing Når mediet sættes i spil efter at være blevet pauseret eller stoppet for at buffere, forekommer dette begivenhed. Event
popstate Når historikken for vinduet ændres, forekommer dette begivenhed. PopStateEvent
progress Når browseren er i færd med at hente mediedata, forekommer dette begivenhed. Event
ratechange Når medieafspilningshastigheden ændres, forekommer dette begivenhed. Event
reset Når formularen nulstilles, forekommer dette begivenhed. Event
resize Når dokumentets visningsstørrelse justeres, forekommer dette begivenhed.
scroll Når rullemenuen for et rullemelement bruges, forekommer dette begivenhed.
search Når brugeren indtaster indhold i søgefeltet, forekommer dette begivenhed. Event
seeked Når brugeren færdiggør at flytte/springe til en ny position i mediet, forekommer dette begivenhed. Event
seeking Når brugeren begynder at flytte/springe til en ny position i mediet, forekommer dette begivenhed. Event
select Efter at brugeren har valgt tekst (for <input> og <textarea>), forekommer dette begivenhed.
show Når <menu>-elementet vises som en kontekstmenu, forekommer dette begivenhed. Event
stalled Når browseren forsøger at hente mediedata, men dataene ikke er tilgængelige, forekommer dette begivenhed. Event
storage Når web-lagringen opdateres, forekommer dette begivenhed. StorageEvent
submit Når formularen indsendes, forekommer dette begivenhed. Event
suspend Når browseren bevidst undlader at hente mediedata, forekommer dette begivenhed. Event
timeupdate Når afspilningspositionen ændres, forekommer dette begivenhed. Event
toggle Når brugeren åbner eller lukker <details>-elementet, forekommer dette begivenhed. Event
touchcancel Når berøringen afbrydes, forekommer dette begivenhed. TouchEvent
touchend Når fingeren fjernes fra berøringsskærmen, forekommer dette begivenhed. TouchEvent
touchmove Når fingeren trækker på skærmen, forekommer dette begivenhed. TouchEvent
touchstart Når fingeren er på berøringsskærmen, forekommer dette begivenhed. TouchEvent
transitionend CSS-convertering er fuldført, dette begivenhed forekommer. TransitionEvent
unload Denne hændelse udløses efter siden er blevet afmonteret (for <body>).
volumechange Denne hændelse udløses, når mediets lydstyrke er ændret. Event
waiting Denne hændelse udløses, når mediet er blevet paust, men forventes at blive genoptaget. Event
wheel Denne hændelse udløses, når musehjulet ruller opad eller nedad i elementet. WheelEvent

HTML DOM Event egenskaber og metoder

Egenskab/Metode Beskrivelse Tilhører
altKey Returner om "ALT"-tasten er trykket ned ved musehændelse. MouseEvent
altKey Returner om "ALT"-tasten er trykket ned ved tastaturhændelse.
animationName Returner navnet på animationen. AnimationEvent
bubbles Returner om den specifikke hændelse er en boblende hændelse. Event
button Returnerer den museknap, der var nedsænket, når musehændelsen udløstes. MouseEvent
buttons Returnerer den museknap, der var nedsænket, når musehændelsen udløstes. MouseEvent
cancelBubble Indstil eller returner om hændelsen skal viderebringes opad i hierarkiet.
cancelable Returner om hændelsen kan forhindre dens standardhandling. Event
changeTouches Returner en liste over alle berøringsobjekter, hvis tilstand er ændret mellem den forrige berøring og den aktuelle berøring. TouchEvent
charCode Returner Unicode-koden for tasten, der udløste onkeypress-hændelsen. KeyboardEvent
clientX Returner den vandrette koordinat for musepilen i forhold til det aktuelle vindue ved musehændelse.
clientY Returner den lodrette koordinat for musepilen i forhold til det aktuelle vindue ved musehændelse.
clipboardData Returner objektet, der indeholder data, der er påvirket af klippebordet. ClipboardData
code Returner den kode for tasten, der udløste hændelsen. KeyboardEvent
composed Indikerer om hændelsen kan viderebringes fra Shadow DOM til den generelle DOM. Event
composedPath() Returner hændelsens sti.
createEvent() Opret nyt event. Event
ctrlKey Returner om "CTRL"-tasten er trykket ned ved musehændelse. MouseEvent
ctrlKey Returner om "CTRL"-tasten er trykket ned ved tastatur- eller musehændelse.
currentTarget Returner elementet, der udløste hændelsen ved hjælp af dens eventlistener. Event
data Returner de indsatte tegn. InputEvent
dataTransfer Returner et objekt, der indeholder data, der er trukket og sluppet eller indsat/slettet.
defaultPrevented Returner om det er kaldt preventDefault() metoden for hændelsen. Event
deltaX Returner mouselyselskabets vandrette rullemængde (x-akse). WheelEvent
deltaY Returner mouselyselskabets lodrette rullemængde (y-akse). WheelEvent
deltaZ Returner mouselyselskabets Z-akse rullemængde. WheelEvent
deltaMode Return the number representing the unit of measurement of the increment value (pixels, lines, or pages). WheelEvent
detail Return the number indicating how many times the mouse has been clicked. UiEvent
elapsedTime Return the number of seconds the animation has run. AnimationEvent
elapsedTime Return the number of seconds the transition has run. 　
eventPhase Return which stage the event stream is currently evaluating. Event
getModifierState() Return an array containing the target range, which will be affected by insertion/deletion. MouseEvent
getTargetRanges() Return an array containing the target range, which will be affected by insertion/deletion. InputEvent
inputType Return the type of change (i.e., "inserting" or "deleting"). InputEvent
isComposing Return whether the state of the event is being composed.
isTrusted Return whether the event is trusted. Event
key Return the key value of the key represented by the event. KeyboardEvent
key Return the key of the storage item after the change. StorageEvent
keyCode Return the Unicode character code of the key that triggered the onkeypress, onkeydown, or onkeyup event. KeyboardEvent
location Return the position of the key on the keyboard or device. KeyboardEvent
lengthComputable Return whether the length of the progress can be calculated. ProgressEvent
loaded Return the amount of work loaded. ProgressEvent
metaKey Return whether the "META" key is pressed when the event is triggered. MouseEvent
metaKey Return whether the "META" key is pressed when the key event is triggered.
MovementX Return the horizontal coordinate of the mouse pointer relative to the position of the previous mousemove event. MouseEvent
MovementY Return the vertical coordinate of the mouse pointer relative to the position of the previous mousemove event. MouseEvent
newURL Return the document URL after the hash change. HasChangeEvent
newValue Return the new value of the storage item after the change. StorageEvent
offsetX Return the horizontal coordinate of the mouse pointer relative to the edge of the target element. MouseEvent
offsetY Return the vertical coordinate of the mouse pointer relative to the edge of the target element. MouseEvent
oldURL Return the document URL before the hash change. HasChangeEvent
oldValue Return the old value of the storage item after the change. StorageEvent
onemptied This event occurs when an adverse situation occurs and the media file becomes unavailable suddenly. 　
pageX Return the horizontal coordinate of the mouse pointer relative to the document when the mouse event is triggered. MouseEvent
pageY Return the vertical coordinate of the mouse pointer relative to the document when the mouse event is triggered. MouseEvent
persisted Return whether the web page is cached by the browser. PageTransitionEvent
preventDefault() Hvis hændelsen kan annulleres, annulleres den og den standardadferd, der tilhører hændelsen, udføres ikke. Event
propertyName Returnerer navnet på CSS-egenskaben, der er relateret til animationen eller overgangen.
pseudoElement Returnerer navnet på den pseudoelement, der repræsenterer animationen eller overgangen.
region MouseEvent
relatedTarget Returnerer elementet, der er relateret til det element, der udløste musehændelsen. MouseEvent
relatedTarget Returnerer elementet, der er relateret til det element, der udløste hændelsen. FocusEvent
repeat Returnerer, om en tast er blevet gentagne gange trykket ned. KeyboardEvent
screenX Returnerer den horisontale koordinat af vinduet/musepegeren i forhold til skærmen. MouseEvent
screenY Returnerer den vertikale koordinat af vinduet/musepegeren i forhold til skærmen. MouseEvent
shiftKey Returnerer, om "SHIFT"-tasten blev trykket ned, når hændelsen udløstes. MouseEvent
shiftKey Returnerer, om "SHIFT"-tasten blev trykket ned, når tasten blev aktiveret.
state Returnerer et objekt, der indeholder en kopi af historikposten. PopStateEvent
stopImme...() Forhindrer, at andre lyttere til samme hændelse kaldes. Event
stopPropagation() Forhindrer, at hændelsen spreder sig yderligere i hændelsesstrømmen. Event
storageArea Returnerer et objekt, der repræsenterer det påvirkede lagringsobjekt. StorageEvent
target Returnerer elementet, der udløste hændelsen. Event
targetTouches Returnerer en TouchList-liste over Touch-objekter, der stadig er i kontakt med overfladen. TouchEvent
timeStamp Returnerer tiden for oprettelsen af hændelsen (i millisekunder siden æraen). Event
total Returnerer den samlede mængde arbejde, der skal indlæses. ProgressEvent
touches Returnerer en liste over alle touch-objekter, der aktuelt er i kontakt med overfladen. TouchEvent
type Returnerer navnet på hændelsen. Event
url Returnerer URL'en til dokumentet, hvor ændrede elementer er placeret. StorageEvent
which Returnerer den museknap, der var nedsænket, når musehændelsen udløstes. MouseEvent
which Returnerer Unicode-koden for tasten, der udløser onkeypress-hændelsen, eller Unicode-koden for tasten, der udløser onkeydown eller onkeyup-hændelsen. KeyboardEvent
view Returnerer en reference til vinduet, der har været udsat for hændelsen. UiEvent