HTML Event Referenshandbok

Kursrekommendation:

Globala händelseegenskaper

HTML har förmågan att utlösa åtgärder i webbläsaren, till exempel att starta JavaScript när användaren klickar på ett element. JavaScript handledningFör mer information om programmeringshändelser, besök vår

。

Här är globala händelseegenskaper som kan läggas till i HTML-element för att definiera händelsehantering.

Window händelseegenskaper

Egenskap Värde Beskrivning
Händelser som triggar för window-objektet (applies till <body>-taggen): script Skript som körs efter att dokumentet har skrivits ut.
onbeforeprint script Skript som körs innan dokumentet skrivs ut.
onbeforeunload script Skript som körs innan dokumentet laddas ner.
onerror script Skript som körs när ett fel inträffar.
onhaschange script Skript som körs när dokumentet har ändrats.
onload script Triggas efter att sidan har laddats ner.
onmessage script Skript som körs när ett meddelande utlöses.
onoffline script Skript som körs när dokumentet går offline.
ononline script Skript som körs när dokumentet lanseras online.
onpagehide script Skript som körs när fönstret göms.
onpageshow script Skript som körs när fönstret blir synligt.
onpopstate script Skript som körs när fönsterhistoriken ändras.
onredo script Skript som körs när dokumentet utför undo (redo).
onresize script Triggas när webbläsarfönstret justeras i storlek.
onstorage script Skript som körs efter uppdatering av Web Storage-området.
onundo script Skript som körs när dokumentet utför undo.
onunload script Triggas när sidan har laddats ner (eller webbläsarfönstret har stängts).

Form händelser

Händelser som triggar vid HTML-formulärens åtgärd (applies till nästan alla HTML-element, men används mest i form-elementet):

Egenskap Värde Beskrivning
onblur script Skript som körs när ett element förlorar fokus.
onchange script Skript som körs när elementets värde ändras.
oncontextmenu script Skript som körs när ett kontextmeny utlöses.
onfocus script Skript som körs när ett element får fokus.
onformchange script Skript som körs när en form ändras.
onforminput script Skript som körs när en form får användarinput.
oninput script Skript som körs när ett element får användarinput.
oninvalid script Skript som körs när ett element är ogiltigt.
onreset script Utlöst när en återställningsknapp i en form klickas. Ej stödd i HTML5.
onselect script Utlöst när text i ett element väljs.
onsubmit script Utlöst när en form skickas.

Tangentbords-händelser

Egenskap Värde Beskrivning
onkeydown script Utlöst när användaren trycker ner en tangent.
onkeypress script Utlöst när användaren trycker ner en tangent.
onkeyup script Utlöst när användaren släpper en tangent.

Mus-händelser

Händelser som utlöses av mus eller liknande användaråtgärder:

Egenskap Värde Beskrivning
onclick script Utlöst när elementet får en musklick.
ondblclick script Utlöst när elementet får en musdubbelklick.
ondrag script Skript som körs när ett element dras.
ondragend script Skript som körs vid slutet av en drag-and-drop-operation.
ondragenter script Skript som körs när ett element har dragits till ett giltigt drag-and-drop-område.
ondragleave script Skript som körs när ett element lämnar ett giltigt drag-and-drop-mål.
ondragover script Skript som körs när ett element dras över ett giltigt drag-and-drop-mål.
ondragstart script Skript som körs vid början av en drag-and-drop-operation.
ondrop script Skript som körs när ett element som dras och släpps.
onmousedown script Utlöst när musknappen trycks ner på elementet.
onmousemove script Utlöst när muspekaren flyttas till elementet.
onmouseout script Utlöst när muspekaren flyttas bort från elementet.
onmouseover script Utlöst när muspekaren flyttas till elementet.
onmouseup script Utlöst när musknappen släpps på elementet.
onmousewheel script Skript som körs när mushjulet rullas.
onscroll script Skript som körs när elementets rullningslist är rullad.

Media-händelser

Händelser som utlöses av medier (t.ex. video, bild och ljud) gäller för alla HTML-element, men är vanligare i mediaramar, såsom <audio>, <embed>, <img>, <object> och <video>:

Egenskap Värde Beskrivning
onabort script Kör skriptet när programmet avslutas
oncanplay script Kör skriptet när filen är redo att börja spela (när buffringen är tillräcklig för att börja spela)
oncanplaythrough script Kör skriptet när mediet kan spelas ut utan att behöva stoppa på grund av buffring
ondurationchange script Kör skriptet när medielängden ändras
onemptied script Kör skriptet när det uppstår ett fel och filen plötsligt inte är tillgänglig (t.ex. när anslutningen plötsligt bryts)
onended script Kör skriptet när mediet har nått slutet (kan skicka meddelanden som 'Tack för att du tittade')
onerror script Kör skriptet när ett fel inträffar under filens laddning
onloadeddata script Kör skriptet när mediedata har laddats
onloadedmetadata script Kör skriptet när metadata (t.ex. upplösning och varaktighet) laddas
onloadstart script Kör skriptet när filen börjar laddas och ingen data faktiskt har laddats
onpause script Kör skriptet när mediet pausas av användaren eller ett program
onplay script Kör skriptet när mediet är redo att börja spela
onplaying script Kör skriptet när mediet börjar spela
onprogress script Kör skriptet när webbläsaren hämtar mediedata
onratechange script Kör skriptet varje gång spelhastigheten ändras (t.ex. när användaren växlar till långsammare eller snabbare spelning)
onreadystatechange script Kör skriptet varje gång statusen för redo ändras (redo-status övervakar mediedatastatusen)
onseeked script Kör skriptet när seeking-attributet sätts till false (indikerar att定位 har avslutats)
onseeking script Kör skriptet när seeking-attributet sätts till true (indikerar att定位 är aktiv)
onstalled script Kör skriptet när webbläsaren inte kan återkalla mediedata av någon anledning
onsuspend script Kör skriptet innan mediedata återkallas på grund av avbrott av vilken anledning som helst innan mediedata är helt laddade
ontimeupdate script Kör skriptet när spelpositionen ändras (t.ex. när användaren snabbt framgångar till en annan plats i mediet)
onvolumechange script Kör skriptet när volymen ändras (inklusive att sätta volymen till tyst)
onwaiting script När mediet har slutat spela men är avsett att fortsätta spela när som helst (t.ex. när mediet pausas för att ladda mer data)