HTML DOM Event

HTML DOM Event

HTML DOM-event låter JavaScript registrera olika eventhanterare på element i HTML-dokumentet.

Evenemang används ofta tillsammans med funktioner, och funktioner körs inte innan evenemanget inträffar (t.ex. när användaren klickar på en knapp).

För att lära dig mer om evenemang, studera vår JavaScript Event教程.

event Description Belongs to
abort Detta händelse inträffar när media laddas ner och avbryts.
afterprint Detta händelse inträffar när sidan börjar skrivas ut eller när utskriftsdialogen stängs. Event
animationend Detta händelse inträffar när CSS-animeringen är klar. AnimationEvent
animationiteration Detta händelse inträffar när CSS-animeringen upprepades. AnimationEvent
animationstart Detta händelse inträffar när CSS-animeringen börjar. AnimationEvent
beforeprint Detta händelse inträffar när sidan ska skrivas ut. Event
beforeunload Detta händelse inträffar innan dokumentet laddas ner.
blur Detta händelse inträffar när elementet förlorar fokus. FocusEvent
canplay Detta händelse inträffar när webbläsaren kan börja spela upp media. Event
canplaythrough Detta händelse inträffar när webbläsaren kan spela upp media utan att avbryta buffringen. Event
change Detta händelse inträffar när innehållet, valt innehåll eller vald status i form-elementet ändras. Event
click Detta händelse inträffar när användaren klickar på elementet. MouseEvent
contextmenu Detta händelse inträffar när användaren högerklickar på ett element för att öppna en kontextmeny. MouseEvent
copy Detta händelse inträffar när användaren kopierar innehållet i elementet. ClipboardEvent
cut Detta händelse inträffar när användaren klipper innehållet i elementet. ClipboardEvent
dblclick Detta händelse inträffar när användaren dubbelklickar på elementet. MouseEvent
drag Detta händelse inträffar när elementet dras. DragEvent
dragend När användaren slutför att dra ett element inträffar detta händelse. DragEvent
dragenter När det dragade elementet går in i måltillfället inträffar detta händelse. DragEvent
dragleave När det dragade elementet lämnar måltillfället inträffar detta händelse. DragEvent
dragover När det dragade elementet ligger över måltillfället inträffar detta händelse. DragEvent
dragstart När användaren börjar dra ett element inträffar detta händelse. DragEvent
drop När den dragade elementet placeras på måltillfället inträffar detta händelse. DragEvent
durationchange När medielängden ändras inträffar detta händelse. Event
ended När mediet spelas ut inträffar detta händelse. Event
error När ett fel inträffar efter att ha laddat in ett externt fil inträffar detta händelse.
focus När ett element får fokus inträffar detta händelse. FocusEvent
focusin När ett element kommer att få fokus inträffar detta händelse. FocusEvent
focusout När ett element kommer att förlora fokus inträffar detta händelse. FocusEvent
fullscreenchange När ett element visas i fullskärmsläge inträffar detta händelse. Event
fullscreenerror När ett element inte kan visas i fullskärmsläge inträffar detta händelse. Event
hashchange När URL:ns ankerdel förändras inträffar detta händelse. HashChangeEvent
input När ett element får användarinput inträffar detta händelse.
invalid När ett element är ogiltigt inträffar detta händelse. Event
keydown När användaren håller ner en tangent inträffar detta händelse. KeyboardEvent
keypress När användaren trycker ner en tangent inträffar detta händelse. KeyboardEvent
keyup När användaren släpper en tangent inträffar detta händelse. KeyboardEvent
load När objektet har laddats in inträffar detta händelse.
loadeddata När mediedata har laddats in inträffar detta händelse. Event
loadedmetadata När metadata (t.ex. storlek och varaktighet) laddas in inträffar detta händelse. Event
loadstart När webbläsaren börjar leta efter specificerad media inträffar detta händelse. ProgressEvent
message När detta händelsekälla tar emot meddelanden inträffar detta händelse. Event
mousedown När användaren trycker ner musknappen på ett element inträffar detta händelse. MouseEvent
mouseenter När pekpilen flyttas till ett element inträffar detta händelse. MouseEvent
mouseleave När pekpilen flyttas från ett element inträffar detta händelse. MouseEvent
mousemove När pekpilen rör sig över ett element inträffar detta händelse. MouseEvent
mouseout När användaren flyttar muspekaren utanför ett element eller ett underlement inträffar detta händelse. MouseEvent
mouseover När pekpilen flyttas till ett element eller ett underlement inträffar detta händelse. MouseEvent
mouseup När användaren släpper musknappen på ett element inträffar detta händelse. MouseEvent
mousewheel Rekommenderas inte att använda.Använd istället wheel händelse. WheelEvent
offline När webbläsaren börjar arbeta offline inträffar detta händelse. Event
online När webbläsaren börjar arbeta online inträffar detta händelse. Event
open När förbindelsen öppnas till händelsekällan inträffar detta händelse. Event
pagehide När användaren lämnar en webbsida för navigering inträffar detta händelse. PageTransitionEvent
pageshow När användaren navigerar till en webbsida inträffar detta händelse. PageTransitionEvent
paste När användaren klistrar in något innehåll i ett element inträffar detta händelse. ClipboardEvent
pause När media pausas av användaren eller på programmeringsväg inträffar detta händelse. Event
play När media har startats eller inte längre är pausad inträffar detta händelse. Event
playing När media pausas eller stoppas för att buffera och sedan spelas upp inträffar detta händelse. Event
popstate När historiken för fönstret ändras inträffar detta händelse. PopStateEvent
progress När webbläsaren befinner sig i processen att hämta mediedata inträffar detta händelse. Event
ratechange När medias uppspelningshastighet ändras inträffar detta händelse. Event
reset När formuläret återställs inträffar detta händelse. Event
resize När dokumentets vy storlek justeras inträffar detta händelse.
scroll När rullningslisten för en rullbar element justeras inträffar detta händelse.
search När användaren skriver in innehåll i sökfältet inträffar detta händelse. Event
seeked När användaren har slutfört flyttningen/springningen till en ny position i media inträffar detta händelse. Event
seeking När användaren börjar flytta/springa till en ny position i media inträffar detta händelse. Event
select När användaren väljer text efter att ha valt (för<input> och<textarea>) inträffar detta händelse.
show När <menu>-elementet visas som ett kontextmeny inträffar detta händelse. Event
stalled När webbläsaren försöker hämta mediedata men data inte är tillgängliga inträffar detta händelse. Event
storage När webbstorage-uppdateras inträffar detta händelse. StorageEvent
submit När formuläret skickas in inträffar detta händelse. Event
suspend När webbläsaren medvetet inte hämtar mediedata inträffar detta händelse. Event
timeupdate När spelpositionen ändras inträffar detta händelse. Event
toggle När användaren öppnar eller stänger <details>-elementet inträffar detta händelse. Event
touchcancel När beröringen avbryts inträffar detta händelse. TouchEvent
touchend När pekfingret flyttas från pekskärmen inträffar detta händelse. TouchEvent
touchmove När pekfingret dras på skärmen inträffar detta händelse. TouchEvent
touchstart När pekfingret är på pekskärmen inträffar detta händelse. TouchEvent
transitionend När CSS-converteringen är klar inträffar detta händelse. 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 rolls up or down on the element. WheelEvent

HTML DOM Event Attributes and Methods

Attribute/Method Description Belongs to
altKey Return whether the "ALT" key is pressed when the mouse event is triggered. MouseEvent
altKey Return whether the "ALT" key is pressed when the key event is triggered.
animationName Return the name of the animation. AnimationEvent
bubbles Return whether a specific event is a bubbling event. Event
button Returnerar vilken musknapp som trycktes ner när mushändelsen triggades. MouseEvent
buttons Returnerar vilken musknapp som trycktes ner när mushändelsen triggades. MouseEvent
cancelBubble Set or return whether the event should be propagated 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 cursor relative to the current window when the mouse event is triggered.
clientY Return the vertical coordinate of the mouse cursor 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 Shadow DOM to general DOM. Event
composedPath() Return the path of the event.
createEvent() Create a new event. Event
ctrlKey Return whether the "CTRL" key is pressed when the mouse event is triggered. 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 (x-axis) of the mouse wheel. WheelEvent
deltaY Return the vertical scroll amount (y-axis) of the mouse wheel. WheelEvent
deltaZ Return the Z-axis scroll amount of the mouse wheel. WheelEvent
deltaMode Tillbaka med ett nummer som representerar måttenheten för ökningen (pixlar, linjer eller sidor). WheelEvent
detail Tillbaka med ett nummer som indikerar hur många gånger musen har klickats. UiEvent
elapsedTime Tillbaka med antalet sekunder som animationen har kört. AnimationEvent
elapsedTime Tillbaka med antalet sekunder som transaktionen har kört. 　
eventPhase Tillbaka med vilken phase av eventströmmen som aktuellt bedöms vara. Event
getModifierState() Tillbaka med en array som innehåller måltillståndet, vilket kommer att påverkas av infogning/ta bort. MouseEvent
getTargetRanges() Tillbaka med en array som innehåller måltillståndet, vilket kommer att påverkas av infogning/ta bort. InputEvent
inputType Tillbaka med typen av ändring (dvs. "inserting" eller "deleting"). InputEvent
isComposing Tillbaka med om händelsestaten är under konstruktion.
isTrusted Tillbaka med om händelsen är pålitlig. Event
key Tillbaka med värdet för tangenten som händelsen representerar. KeyboardEvent
key Tillbaka med nyckeln för det ändrade lagringsobjektet. StorageEvent
keyCode Tillbaka med Unicode-teckenkoden för tangenten som utlöste onkeypress, onkeydown eller onkeyup-händelsen. KeyboardEvent
location Tillbaka med positionen för tangenten på tangentbordet eller enheten. KeyboardEvent
lengthComputable Tillbaka med om längden på förloppet kan beräknas. ProgressEvent
loaded Tillbaka med mängden arbete som har laddats. ProgressEvent
metaKey Tillbaka med om "META"-tangenten trycktes ner vid utlösande av händelsen. MouseEvent
metaKey Tillbaka med om "META"-tangenten trycktes ner vid utlösande av tangentbordshändelsen.
MovementX Tillbaka med horisontalskalan för muspekaren relativt till den senaste mousemove-händelsen. MouseEvent
MovementY Tillbaka med vertikalskalan för muspekaren relativt till den senaste mousemove-händelsen. MouseEvent
newURL Tillbaka med dokumentets URL efter att hash ändrats. HasChangeEvent
newValue Tillbaka med det nya värdet för det ändrade lagringsobjektet. StorageEvent
offsetX Tillbaka med horisontalskalan för muspekaren relativt till målens kant. MouseEvent
offsetY Tillbaka med vertikalskalan för muspekaren relativt till målens kant. MouseEvent
oldURL Tillbaka med dokumentets URL innan hash ändrades. HasChangeEvent
oldValue Tillbaka med den gamla värdet för det ändrade lagringsobjektet. StorageEvent
onemptied Detta händelse inträffar när det uppstår ett allvarligt problem och mediafilen plötsligt inte är tillgänglig. 　
pageX Tillbaka med horisontalskalan för muspekaren relativt till dokumentet vid utlösande av musen. MouseEvent
pageY Tillbaka med vertikalskalan för muspekaren relativt till dokumentet vid utlösande av musen. MouseEvent
persisted Tillbaka om webbsidan har laddats från webbläsarens cache. PageTransitionEvent
preventDefault() Om händelsen kan annulleras, annullera den utan att utföra standardåtgärderna för händelsen. Event
propertyName Returnerar namnet på CSS-attributet som är associerat med animation eller transition.
pseudoElement Returnerar namnet på den pseudoelement som används för animation eller transition.
region MouseEvent
relatedTarget Returnerar elementet som är relaterat till det element som triggar mushändelsen. MouseEvent
relatedTarget Returnerar elementet som är relaterat till det element som triggar händelsen. FocusEvent
repeat Returnerar om en tangent hålls ner upprepade gånger. KeyboardEvent
screenX Returnerar den horisontella koordinaten för fönstret/muspekaren relativt skärmen. MouseEvent
screenY Returnerar den vertikala koordinaten för fönstret/muspekaren relativt skärmen. MouseEvent
shiftKey Returnerar om "SHIFT"-tangenten trycktes ner vid händelseutlösningen. MouseEvent
shiftKey Returnerar om "SHIFT"-tangenten trycktes ner vid påkallandet av tangenthändelsen.
state Returnerar ett objekt som innehåller en kopia av historikposten. PopStateEvent
stopImme...() Förhindrar att andra lyssnare till samma händelse anropas. Event
stopPropagation() Förhindrar att händelsen sprids vidare i händelsesströmmen. Event
storageArea Returnerar ett objekt som representerar det berörda lagringsobjektet. StorageEvent
target Returnerar elementet som triggar händelsen. Event
targetTouches Returnerar en TouchList-lista med Touch-objekt som fortfarande är i kontakt med beröringsytan. TouchEvent
timeStamp Returnerar tiden då händelsen skapades (i millisekunder från epochen). Event
total Returnerar det totala antalet arbete som ska laddas. ProgressEvent
touches Returnerar en lista över alla touch-objekt som för närvarande är i kontakt med ytan. TouchEvent
type Returnerar namnet på händelsen. Event
url Returnerar URL:en för dokumentet där ändrade objekt finns. StorageEvent
which Returnerar vilken musknapp som trycktes ner när mushändelsen triggades. MouseEvent
which Returnerar Unicode-kod för tecken som triggar onkeypress-händelsen, eller Unicode-kod för tangent som triggar onkeydown eller onkeyup-händelsen. KeyboardEvent
view Returnerar en referens till fönstret som hände händelsen. UiEvent