HTML tapahtumien viittausoppikirja

Globaalit tapahtumamäärittimet

HTML voi käynnistää toimintoja selaimessa, kuten JavaScriptin suorittamisen, kun käyttäjä napsauttaa elementtiä.

Lisätietoja ohjelmointitapahtumista löydät JavaScript -opas.

Seuraavat ovat globaalit tapahtumamäärittimet, jotka voidaan lisätä HTML-elementteihin määrittääkseen tapahtumatoiminnot.

Window-tapahtumamäärittimet

Tapahtumat, jotka käynnistyvät window-objektin kanssa (sovelletaan <body>-elementtiin):

ominaisuus arvo kuvaus
onafterprint script Skripti, joka suoritetaan, kun dokumentti tulostetaan.
onbeforeprint script Skripti, joka suoritetaan, ennen kuin dokumentti tulostetaan.
onbeforeunload script Skripti, joka suoritetaan, ennen kuin dokumentti irrotetaan.
onerror script Skripti, joka suoritetaan, kun virhe tapahtuu.
onhaschange script Skripti, joka suoritetaan, kun dokumentti muuttuu.
onload script Kun sivun lataus päättyy.
onmessage script Skripti, joka suoritetaan, kun viesti käynnistetään.
onoffline script Skripti, joka suoritetaan, kun dokumentti menee offline-tilaan.
ononline script Skripti, joka suoritetaan, kun dokumentti tulee verkkoon.
onpagehide script Skripti, joka suoritetaan, kun ikkuna piilotetaan.
onpageshow script Skripti, joka suoritetaan, kun ikkuna tulee näkyviin.
onpopstate script Skripti, joka suoritetaan, kun ikkunan historia muuttuu.
onredo script Skripti, joka suoritetaan, kun dokumentti suorittaa undo (redo).
onresize script Kun selainikkuna sopeutetaan kokoon.
onstorage script Skripti, joka suoritetaan, kun Web Storage-alue päivitetään.
onundo script Skripti, joka suoritetaan, kun dokumentti suorittaa undo.
onunload script Kun sivu on ladataan tai selainikkuna on suljettu.

Lomake-tapahtumat

Tapahtumat, jotka käynnistyvät HTML-lomakkeen toiminnosta (sovelletaan lähes jokaiseen HTML-elementtiin, mutta käytetään eniten form-elementissä):

ominaisuus arvo kuvaus
onblur script 元素失去焦点时运行的脚本。
onblur script Skriptit, jotka suoritetaan, kun elementti menettää keskustelun.
onchange script Skriptit, jotka suoritetaan, kun kontekstivalikko laukaisee.
oncontextmenu script Skriptit, jotka suoritetaan, kun elementti saa keskustelun.
onformchange script Skriptit, jotka suoritetaan, kun lomake muuttuu.
onforminput script Skriptit, jotka suoritetaan, kun lomake saa käyttäjän syötteen.
oninput script Skriptit, jotka suoritetaan, kun elementti saa käyttäjän syötteen.
oninvalid script Skriptit, jotka suoritetaan, kun elementti on epävirallinen.
onreset script Laukaisee, kun lomakkeen palautuspainike napsautetaan. HTML5 ei tue tätä.
onselect script Laukaisee, kun lomakkeen teksti valitaan.
onsubmit script Laukaisee, kun lomake lähetetään.

Näppäimistötapahtumat

ominaisuus arvo kuvaus
onkeydown script Laukaisee, kun käyttäjä painaa näppäintä.
onkeypress script Laukaisee, kun käyttäjä napauttaa näppäintä.
onkeyup script Laukaisee, kun käyttäjä vapauttaa näppäimen.

Hiiren tapahtumat

Tapahtumat, jotka laukaisevat hiiren tai vastaavan käyttäjätoiminnan käynnistyksen:

ominaisuus arvo kuvaus
onclick script Laukaisee, kun elementissä tapahtuu hiiren klikkaus.
ondblclick script Laukaisee, kun elementissä tapahtuu hiiren kaksoisklikkaus.
ondrag script Skriptit, jotka suoritetaan, kun elementti vedetään.
ondragend script Skriptit, jotka suoritetaan, kun vetäminen päättyy.
ondragenter script Skriptit, jotka suoritetaan, kun elementti vedetään voimakkaasti tavoitealueelle.
ondragleave script Skriptit, jotka suoritetaan, kun elementti poistuu voimakkaasti tavoitealueelta.
ondragover script Skriptit, jotka suoritetaan, kun elementti vedetään voimakkaasti tavoitealueella.
ondragstart script Skriptit, jotka suoritetaan, kun vetäminen aloitetaan.
ondrop script Skriptit, jotka suoritetaan, kun vedettävä elementti siirretään.
onmousedown script Laukaisee, kun hiiren painike painetaan elementissä.
onmousemove script Laukaisee, kun hiiren osoitin siirtyy elementin päälle.
onmouseout script Laukaisee, kun hiiren osoitin poistuu elementistä.
onmouseover script Laukaisee, kun hiiren osoitin siirtyy elementin päälle.
onmouseup script Laukaisee, kun hiiren painike vapautetaan elementissä.
onmousewheel script Skriptit, jotka suoritetaan, kun hiiren pyöräpyörä pyörii.
onscroll script Skriptit, jotka suoritetaan, kun elementin roolipalkki pyöritetään.

Media-tapahtumat

Tapahtumat, jotka laukaisevat median (esim. video, kuva ja ääni) käynnistyksen (soveltuu kaikki HTML-elementit, mutta on yleistä median elementeissä, kuten <audio>, <embed>, <img>, <object> ja <video>)

ominaisuus arvo kuvaus
onabort script Suoritettava skripti, kun ohjelma suljetaan
oncanplay script Suoritettava skripti, kun tiedosto on valmis ja voidaan aloittaa toisto (kun缓冲on riittävä)
oncanplaythrough script Suoritettava skripti, kun media voi toistua loppuun asti ilman, että sitä tarvitsee缓冲
ondurationchange script Suoritettava skripti, kun median pituus muuttuu
onemptied script Suoritettava skripti, kun tapahtuu häiriö ja tiedosto yhtäkkiä ei ole käytettävissä (esim. yhteyden katkeaminen odottamatta)
onended script Suoritettava skripti, kun median toisto on päättynyt (voidaan lähettää esimerkiksi viestiä kuten 'Kiitos katselusta')
onerror script Suoritettava skripti, kun tiedoston lataamisen aikana tapahtuu virhe
onloadeddata script Suoritettava skripti, kun median tiedot on ladattu
onloadedmetadata script Suoritettava skripti, kun metatiedot (esim. resoluutio ja kesto) on ladattu
onloadstart script Suoritettava skripti, kun tiedosto alkaa ladata mutta ennen kuin mitään tietoa on todella ladattu
onpause script Suoritettava skripti, kun median toisto on pysäytetty käyttäjän tai ohjelman toimesta
onplay script Suoritettava skripti, kun median toisto voi aloittaa
onplaying script Suoritettava skripti, kun median toisto on aloitettu
onprogress script Suoritettava skripti, kun selain on saamassa median tietoja
onratechange script Suoritettava skripti aina, kun toistoaste muuttuu (esim. kun käyttäjä vaihtaa hitaatoisto- tai kiihdytystilaan)
onreadystatechange script Suoritettava skripti aina, kun valmis-asema muuttuu (valmis-asema seuraa median tietojen tilaa)
onseeked script Suoritettava skripti, kun seeking-ominaisuus asetetaan false (merkitsee, että sijainti on päättynyt)
onseeking script Suoritettava skripti, kun seeking-ominaisuus asetetaan true (merkitsee, että sijainti on aktiivinen)
onstalled script Suoritettava skripti, kun selain ei voi hakea median tietoja jostakin syystä
onsuspend script Suoritettava skripti, kun median tietoja ei voida hakea enää jostakin syystä ennen kuin ne on täysin ladattu
ontimeupdate script Suoritettava skripti aina, kun toistoasento muuttuu (esim. kun käyttäjä siirtyy median eri kohtaan)
onvolumechange script Suoritettava skripti aina, kun äänenvoimakkuus muuttuu (mukaan lukien äänenvoimakkuuden asettaminen äänettömäksi)
onwaiting script Kun median toisto on päättynyt mutta tarkoitus jatkaa sitä (esim. kun median tauko on varattu enemmän dataa)