HTML DOM tapahtumat

HTML DOM tapahtumat

HTML DOM -tapahtumat mahdollistavat JavaScriptin rekisteröimisen eri tapahtumankäsittelijöitä HTML-dokumentin elementeille.

Tapahtumat yhdistetään usein funktioihin, jotka eivät suoriteta ennen kuin tapahtuma tapahtuu (esim. kun käyttäjä napsauttaa painiketta).

Jos haluat oppia tapahtumista, suosittelen opettelemaan JavaScript-tapahtumien opetus.

tapahtuma kuvaus kuuluu
abort Tämä tapahtuma tapahtuu, kun media ladataan keskeytetään.
afterprint Tämä tapahtuma tapahtuu, kun sivu alkaa tulostaa tai tulostusikkuna suljetaan. Event
animationend Tämä tapahtuma tapahtuu, kun CSS-animaatio päättyy. AnimationEvent
animationiteration Tämä tapahtuma tapahtuu, kun CSS-animaatio toistetaan. AnimationEvent
animationstart Tämä tapahtuma tapahtuu, kun CSS-animaatio alkaa. AnimationEvent
beforeprint Tämä tapahtuma tapahtuu, ennen kuin sivu tulostetaan. Event
beforeunload Tämä tapahtuma tapahtuu, ennen kuin dokumentti ladataan pois.
blur Tämä tapahtuma tapahtuu, kun elementti menettää fokuksen. FocusEvent
canplay Tämä tapahtuma tapahtuu, kun selain voi aloittaa median toiston. Event
canplaythrough Tämä tapahtuma tapahtuu, kun selain voi toistaa median ilman, että se keskeyttää toiston. Event
change Tämä tapahtuma tapahtuu, kun form-elementin sisältö, valittu sisältö tai valittu tila muuttuu. Event
click Tämä tapahtuma tapahtuu, kun käyttäjä napsauttaa elementtiä. MouseEvent
contextmenu Tämä tapahtuma tapahtuu, kun käyttäjä napsauttaa elementtiä oikealla painikkeella avataksensa kontekstivalikon. MouseEvent
copy Tämä tapahtuma tapahtuu, kun käyttäjä kopioi elementin sisällön. ClipboardEvent
cut Tämä tapahtuma tapahtuu, kun käyttäjä leikkaa elementin sisällön. ClipboardEvent
dblclick Tämä tapahtuma tapahtuu, kun käyttäjä kaksinkertaisesti napsauttaa elementtiä. MouseEvent
drag Tämä tapahtuma tapahtuu, kun elementti liikkuu. DragEvent
dragend Tämä tapahtuma tapahtuu, kun käyttäjä päättää vetää elementin. DragEvent
dragenter Tämä tapahtuma tapahtuu, kun vedetty elementti siirtyy asettamaan kohdealueelle. DragEvent
dragleave Tämä tapahtuma tapahtuu, kun vedetty elementti irrotetaan asettamaan kohdealueesta. DragEvent
dragover Tämä tapahtuma tapahtuu, kun vedetty elementti on asettamaan kohdealueen yllä. DragEvent
dragstart Tämä tapahtuma tapahtuu, kun käyttäjä alkaa vetää elementtiä. DragEvent
drop Tämä tapahtuma tapahtuu, kun vetämä elementti asetetaan asettamaan kohdealueelle. DragEvent
durationchange Tämä tapahtuma tapahtuu, kun median kesto muuttuu. Event
ended Tämä tapahtuma tapahtuu, kun media saavuttaa lopun. Event
error Tämä tapahtuma tapahtuu, kun tapahtuu virhe ulkoisen tiedoston lataamisen yhteydessä.
focus Tämä tapahtuma tapahtuu, kun elementti saa kohdistuksen. FocusEvent
focusin Tämä tapahtuma tapahtuu, kun elementti saa kohdistuksen. FocusEvent
focusout Tämä tapahtuma tapahtuu, kun elementti menettää kohdistuksen. FocusEvent
fullscreenchange Tämä tapahtuma tapahtuu, kun elementti näytetään kokonaiseksi ruudun. Event
fullscreenerror Tämä tapahtuma tapahtuu, kun elementti ei voi näyttää kokonainen ruudun. Event
hashchange Tämä tapahtuma tapahtuu, kun URL:n ankkuri osa muuttuu. HashChangeEvent
input Tämä tapahtuma tapahtuu, kun elementti saa käyttäjän syötteen.
invalid Tämä tapahtuma tapahtuu, kun elementti on epävirallinen. Event
keydown Tämä tapahtuma tapahtuu, kun käyttäjä painaa näppäintä. KeyboardEvent
keypress Tämä tapahtuma tapahtuu, kun käyttäjä painaa näppäintä. KeyboardEvent
keyup Tämä tapahtuma tapahtuu, kun käyttäjä vapauttaa näppäimen. KeyboardEvent
load Tämä tapahtuma tapahtuu, kun objekti on ladattu.
loadeddata Tämä tapahtuma tapahtuu, kun mediatiedot on ladattu. Event
loadedmetadata Tämä tapahtuma tapahtuu, kun ladataan metadataa (esim. koko ja kesto). Event
loadstart Tämä tapahtuma tapahtuu, kun selain alkaa etsiä määritettyä mediaa. ProgressEvent
message Tämä tapahtuma tapahtuu, kun viesti vastaanotetaan tämän tapahtumalähteen kautta. Event
mousedown Tämä tapahtuma tapahtuu, kun käyttäjä painaa hiiren painiketta elementillä. MouseEvent
mouseenter Tämä tapahtuma tapahtuu, kun osoitin siirtyy elementille. MouseEvent
mouseleave Tämä tapahtuma tapahtuu, kun osoitin siirtyy elementin ulkopuolelle. MouseEvent
mousemove Tämä tapahtuma tapahtuu, kun osoitin liikkuu elementin yllä. MouseEvent
mouseout Tämä tapahtuma tapahtuu, kun käyttäjä siirtää hiiren osoittimen elementin tai sen alielementin ulkopuolelle. MouseEvent
mouseover Tämä tapahtuma tapahtuu, kun osoitin siirtyy elementille tai sen alielementille. MouseEvent
mouseup Tämä tapahtuma tapahtuu, kun käyttäjä vapauttaa hiiren painikkeen elementillä. MouseEvent
mousewheel Ei suositeltavaa käyttää.Käytä mieluummin wheel Tapahtuma. WheelEvent
offline Kun selain alkaa työskennellä poissa verkosta, tapahtuu tämä tapahtuma. Event
online Kun selain alkaa työskennellä verkossa, tapahtuu tämä tapahtuma. Event
open Kun avataan yhteys tapahtumalähteeseen, tapahtuu tämä tapahtuma. Event
pagehide Kun käyttäjä navigoi pois sivustosta, tapahtuu tämä tapahtuma. PageTransitionEvent
pageshow Kun käyttäjä navigoi johonkin sivustoon, tapahtuu tämä tapahtuma. PageTransitionEvent
paste Kun käyttäjä liittää sisältöä elementtiin, tapahtuu tämä tapahtuma. ClipboardEvent
pause Kun media keskeytetään käyttäjän toimesta tai ohjelmallisesti, tapahtuu tämä tapahtuma. Event
play Kun media on käynnistetty tai ei enää keskeytetty, tapahtuu tämä tapahtuma. Event
playing Kun media keskeytetään tai pysäytetään varastoidakseen ja sitten toistetaan, tapahtuu tämä tapahtuma. Event
popstate Kun selaimen historia muuttuu, tapahtuu tämä tapahtuma. PopStateEvent
progress Kun selain on saamassa mediatietoja, tapahtuu tämä tapahtuma. Event
ratechange Kun median toisto nopeus muuttuu, tapahtuu tämä tapahtuma. Event
reset Lomakkeen nollauttaessa tapahtuu tämä tapahtuma. Event
resize Kun muutetaan dokumentin näkymän kokoa, tapahtuu tämä tapahtuma.
scroll Kun rullataan rullatekstiä, tapahtuu tämä tapahtuma.
search Kun käyttäjä syöttää sisältöä hakukenttään, tapahtuu tämä tapahtuma. Event
seeked Kun käyttäjä on valmis siirtymään/hippaamaan uuteen paikkaan mediassa, tapahtuu tämä tapahtuma. Event
seeking Kun käyttäjä alkaa siirtää/hippailla uuteen paikkaan mediassa, tapahtuu tämä tapahtuma. Event
select Kun käyttäjä valitsee tekstiä (input- ja textarea-elementeissä) tapahtuu tämä tapahtuma.
show Kun <menu>-elementti näkyy kontekstivalikkona, tapahtuu tämä tapahtuma. Event
stalled Kun selain yrittää hakea mediatietoja mutta tiedot eivät ole saatavilla, tapahtuu tämä tapahtuma. Event
storage Web-tallennustilan päivittäessä tapahtuu tämä tapahtuma. StorageEvent
submit Tunniste tapahtuu lomakkeen lähettäessä. Event
suspend Kun selain ei hae mediatietoja tahallaan, tapahtuu tämä tapahtuma. Event
timeupdate Kun toistopaikka muuttuu, tapahtuu tämä tapahtuma. Event
toggle Kun käyttäjä avaa tai sulkee <details>-elementin, tapahtuu tämä tapahtuma. Event
touchcancel Kun kosketus keskeytyy, tapahtuu tämä tapahtuma. TouchEvent
touchend Kun sormi poistetaan kosketusnäytöstä, tapahtuu tämä tapahtuma. TouchEvent
touchmove Kun sormi vetää näytöllä, tapahtuu tämä tapahtuma. TouchEvent
touchstart Kun sormi on kosketusnäytöllä, tapahtuu tämä tapahtuma. TouchEvent
transitionend CSS muunnos valmistuessaan tapahtuu tämä tapahtuma. TransitionEvent
unload Tämä tapahtuma tapahtuu, kun sivu ladataan pois (esim. <body>).
volumechange Tämä tapahtuma tapahtuu, kun median äänenvoimakkuus on muuttunut. Event
waiting Tämä tapahtuma tapahtuu, kun media on pysäytetty mutta odotetaan, että se palautuu. Event
wheel Tämä tapahtuma tapahtuu, kun hiiren rullapyörä pyörii ylös tai alas elementissä. WheelEvent

HTML DOM tapahtumien ominaisuudet ja metodit

ominaisuus/metodi kuvaus kuuluu
altKey Palauttaa, onko "ALT"-näppäin painettuna hiiren tapahtumassa. MouseEvent
altKey Palauttaa, onko "ALT"-näppäin painettuna, kun painallustapahtuma laukaisee.
animationName Palauttaa animaation nimen. AnimationEvent
bubbles Palauttaa, onko tapahtuma puhkeava tapahtuma. Event
button palauttaa hiiren tapahtuman aikana painetun hiiren painikkeen. MouseEvent
buttons palauttaa hiiren tapahtuman aikana painetun hiiren painikkeen. MouseEvent
cancelBubble Asettaa tai palauttaa, pitäisikö tapahtuma levitä ylösarvoiseen.
cancelable Palauttaa, voidaanko tapahtuman oletusarvo estää. Event
changeTouches Palauttaa luettelon kaikista kosketusobjekteista, joiden tila on muuttunut edellisen ja nykyisen kosketuksen välillä. TouchEvent
charCode Palauttaa Unicode-merkkikoodin, joka laukaisi onkeypress-tapahtuman. KeyboardEvent
clientX Palauttaa hiiren osoittimen horisontaalisen koordinaatin suhteessa nykyiseen ikkunaan.
clientY Palauttaa hiiren osoittimen pystysuunnan koordinaatin suhteessa nykyiseen ikkunaan.
clipboardData Palauttaa objektin, joka sisältää liitäntäleike operaatioiden vaikutukset. ClipboardData
code Palauttaa tapahtuman laukaissevan näppäimen koodin. KeyboardEvent
composed Merkkii, voidaanko tapahtuma siirtää Shadow DOMista yleiseen DOMiin. Event
composedPath() Palauttaa tapahtuman polun.
createEvent() Luo uusi tapahtuma. Event
ctrlKey Palauttaa, onko "CTRL"-näppäin painettuna hiiren tapahtumassa. MouseEvent
ctrlKey Palauttaa, onko "CTRL"-näppäin painettuna hiiren painallustapahtumassa.
currentTarget Palauttaa elementin, joka laukaisi tapahtuman. Event
data Palauttaa lisätyn merkin. InputEvent
dataTransfer Palauttaa objektin, joka sisältää vedetyn tai lisätyn/poistetun datan.
defaultPrevented Palauttaa, onko preventDefault()-menetelmää kutsuttu tapahtuman yhteydessä. Event
deltaX Palauttaa hiiren rullipyörän horisontaalisen liikkumisen (x-akseli). WheelEvent
deltaY Palauttaa hiiren rullipyörän pystysuunnan liikkumisen (y-akseli). WheelEvent
deltaZ Palauttaa hiiren rullipyörän Z-akselin liikkumisen määrän. WheelEvent
deltaMode Palauttaa luvun, joka edustaa lisäysarvon mittayksikköä (pikseleitä, rivejä tai sivuja). WheelEvent
detail Palauttaa luvun, joka ilmaisee, kuinka monta kertaa hiirtä on napsautettu. UiEvent
elapsedTime Palauttaa, kuinka monta sekuntia animaatio on jo ajettu. AnimationEvent
elapsedTime Palauttaa, kuinka monta sekuntia siirto on jo ajettu. 　
eventPhase Palauttaa, missä vaiheessa tapahtumavirta on tällä hetkellä. Event
getModifierState() Palauttaa taulukon, joka sisältää kohdealueen, johon lisäys/poisto vaikuttaa. MouseEvent
getTargetRanges() Palauttaa taulukon, joka sisältää kohdealueen, johon lisäys/poisto vaikuttaa. InputEvent
inputType Palauttaa muutoksen tyyppin (eli "inserting" tai "deleting"). InputEvent
isComposing Palauttaa, onko tapahtuman tila muodostumassa.
isTrusted Palauttaa, onko tapahtuma luotettava. Event
key Palauttaa tapahtuman edustaman näppäimen arvon. KeyboardEvent
key Palauttaa muutetun tallennuskohteen avaimen. StorageEvent
keyCode Palauttaa Unicode-merkkikoodin, joka on aiheuttanut onkeypress, onkeydown tai onkeyup-tapahtuman. KeyboardEvent
location Palauttaa näppäimen sijainnin näppäimistöllä tai laitteella. KeyboardEvent
lengthComputable Palauttaa, onko edistymisen pituus laskettavissa. ProgressEvent
loaded Palauttaa ladataan olevan työn määrän. ProgressEvent
metaKey Palauttaa, onko "META"-näppäintä painettuna, kun tapahtuma tapahtuu. MouseEvent
metaKey Palauttaa, onko "META"-näppäintä painettuna, kun painallustapahtuma tapahtuu.
MovementX Palauttaa hiiren osoittimen horisontaalinen koordinaatti edellisen mousemove-tapahtuman jälkeen. MouseEvent
MovementY Palauttaa hiiren osoittimen pystysuuntainen koordinaatti edellisen mousemove-tapahtuman jälkeen. MouseEvent
newURL Palauttaa dokumentin URL-osoitteen, jälkeen kun hash on muutettu. HasChangeEvent
newValue Palauttaa muutetun tallennuskohteen uuden arvon. StorageEvent
offsetX Palauttaa hiiren osoittimen horisontaalinen koordinaatti kohdeelementin reunasta. MouseEvent
offsetY Palauttaa hiiren osoittimen pystysuuntainen koordinaatti kohdeelementin reunasta. MouseEvent
oldURL Palauttaa dokumentin URL-osoitteen, ennen kuin hash muutetaan. HasChangeEvent
oldValue Palauttaa muutetun tallennuskohteen vanhan arvon. StorageEvent
onemptied Tapahtuu, kun tapahtuu huonoa tilannetta ja median tiedosto on yhtäkkiä käytettävissä. 　
pageX Palauttaa hiiren osoittimen horisontaalinen koordinaatti dokumenttiin nähden, kun hiiren tapahtuma tapahtuu. MouseEvent
pageY Palauttaa hiiren osoittimen pystysuuntainen koordinaatti dokumenttiin nähden, kun hiiren tapahtuma tapahtuu. MouseEvent
persisted Palauttaa, onko sivu tallennettu selaimen välimuistiin. PageTransitionEvent
preventDefault() jos tapahtuma voidaan perua, peruuta se ja älä suorita tapahtumaan kuuluvia oletustoimintoja. Event
propertyName palauttaa animaation tai过渡相关联的 CSS-ominaisuuksien nimet。
pseudoElement palauttaa animaation tai过渡的伪元素的名称。
alue MouseEvent
relatedTarget palauttaa elementin, joka liittyy hiiren tapahtuman aiheuttaneeseen elementtiin. MouseEvent
relatedTarget palauttaa elementin, joka liittyy tapahtuman aiheuttaneeseen elementtiin. FocusEvent
toistu palauttaa, onko jokin näppäin pidetty painettuna. KeyboardEvent
screenX palauttaa ikkunan tai hiiren osoittimen suoran suunnan näytön suhteen. MouseEvent
screenY palauttaa ikkunan tai hiiren osoittimen suoran suunnan näytön suhteen. MouseEvent
shiftKey palauttaa, onko "SHIFT"-näppäin painettuna, kun tapahtuma aktivoituu. MouseEvent
shiftKey palauttaa, onko "SHIFT"-näppäin painettuna, kun painallustapahtuma aktivoituu.
tila palauttaa historiatietueen kopioidun objektin. PopStateEvent
stopImme...() estää saman tapahtuman muiden kuuntelijoiden kutsumisen. Event
stopPropagation() estää tapahtuman levittymisen tapahtumavirrassa edelleen. Event
storageArea palauttaa edustavan vaikuttavan tallennusobjektin objektin. StorageEvent
target palauttaa tapahtuman aiheuttavan elementin. Event
targetTouches palauttaa sisältävän kaikki kosketuspisteet, jotka ovat edelleen kosketuksissa kosketuspinnaan, Touch-objektin TouchList-listan. TouchEvent
aikaleima palauttaa tapahtuman luomisen ajan (kauden suhteessa) millisekunteina. Event
kokonaismäärä palauttaa ladataan olevan työn kokonaisen määrän. ProgressEvent
touches palauttaa nykyisten pinnan kanssa kosketuksissa olevien kaikki touch-objektien luettelon. TouchEvent
tyyppi palauttaa tapahtuman nimen. Event
url palauttaa muutetun kohteen sijaitsevan dokumentin URL-osoitteen. StorageEvent
which palauttaa hiiren tapahtuman aikana painetun hiiren painikkeen. MouseEvent
which palauttaa onkeypress-tapahtuman käytetyn avaimen Unicode-merkkikoodin tai onkeydown tai onkeyup-tapahtuman käytetyn avaimen Unicode-avaimen. KeyboardEvent
näkymä palauttaa viitteen tapahtuman sijaintia olevaan Window-objektiin. UiEvent