Whati

sanEv
ent?
JavaScri
pt'
sinter
actionwit
hHTMLi shandledthr
oughev entsthatoccur
whent heuserorthebrowsermanipulat
esapage.Whent hepageloads,i
t
i
scalledanev ent
.Whent heusercl
icksabutton,
thatcl
icktooisanev ent
.
Otherexamplesincludeevent
sli
kepressinganykey,cl
osingawi ndow,
resi
zi
ngawi ndow, etc.
Devel
oper
scanusetheseevent
st oexecuteJav
aScri
ptcodedresponses,
whi
chcausebutt
onstoclosewindows,messagestobedispl
ayedtousers,
dat
atobev al
i
dat
ed,andvir
tual
l
yanyot herty
peofresponsei
maginable.
Event
sareapartoftheDocumentObj
ectModel(
DOM)Lev el3andever
y
HTMLelementcontainsasetofev
ent
swhichcantr
iggerJav
aScri
ptCode.

oncl
ickEv
entTy
pe
Thisisthemostf r
equent
lyusedeventt
ypewhichoccur
swhenauser
cl
ickstheleftbutt
onofhismouse.Youcanputyourval
i
dat
ion,
war
ning
et
c.,againstthi
seventt
ype.

onsubmi
tEv
entTy
pe
onsubmitisaneventthatoccur
swheny out
ryt
osubmi
taf
orm.Youcan
putyourformval
i
dat i
onagainstthi
sev
entty
pe.
Exampl
e
Thefoll
owingexampleshowshowt ouseonsubmit
.Herewearecal
li
nga
val
idat
e()funct
ionbefor
esubmitt
ingafor
m datat
othewebserv
er.I
f
val
idat
e()funct
ionret
urnst
rue,
thefor
m will
besubmit
ted,
other
wiseitwi
l
l
notsubmitthedata.

onmouseov
erandonmouseout
Thesetwoev entt
y peswil
lhel
pyoucr
eateniceeff
ectswi
thi
magesorev en
wit
htextaswel l
.Theonmouseovereventt
ri
ggerswhenyoubri
ngyour
mouseov eranyelementandtheonmouseouttr
igger
swhenyoumov eyour
mouseoutf r
om thatelement.
HTML5St
andar
dEv
ent
s
Thestandar
dHTML5ev ent
sareli
stedher
eforyourref
erence.Herescr
ipt
i
ndicat
esaJavascr
iptf
unct
iont
obeexecutedagainstt
hatevent.
At
tri
but
e Val
ue Descr
ipt
ion
Of
fl
ine scr
ipt Tr
igger
swhent
hedocumentgoesof
fl
ine
Onabor
t scr
ipt Tr
igger
sonanabor
tev
ent
onaf
ter
pri
nt scr
ipt Tr
igger
saf
tert
hedocumenti
spr
int
ed
onbef
oreonl
oad scr
ipt Tr
igger
sbef
oret
hedocumentl
oads
onbef
orepr
int scr
ipt Tr
igger
sbef
oret
hedocumenti
spr
int
ed
onbl
ur scr
ipt Tr
igger
swhent
hewi
ndowl
osesf
ocus
oncanpl
ay scri
pt Tr
igger
swhenmedi
acanst
artpl
ay,
butmi
ght
hastostopf
orbuffer
ing
onchange scr
ipt Tr
igger
swhenanel
ementchanges
oncl
i
ck scr
ipt Tr
igger
sonamousecl
i
ck
oncont
ext
menu scr
ipt Tr
igger
swhenacont
extmenui
str
igger
ed
ondbl
cli
ck scr
ipt Tr
igger
sonamousedoubl
e-cl
i
ck
ondr
ag scr
ipt Tr
igger
swhenanel
ementi
sdr
agged
ondr
agend scr
ipt Tr
igger
satt
heendofadr
agoper
ati
on
ondr
agent
er scr
ipt Tr
igger
swhenanel
ementhasbeendr
agged
toaval
iddr
opt
arget
ondragl
eave scri
pt Tr
igger
swhenanel
ementi
sbei
ngdr
agged
overavali
ddropt
arget
ondr
agov
er scr
ipt Tr
igger
satt
hest
artofadr
agoper
ati
on
ondr
agst
art scr
ipt Tr
igger
satt
hest
artofadr
agoper
ati
on
ondrop scr
ipt Tr
igger
swhendr
aggedel
ementi
sbei
ng
dropped
ondurat
ionchange scr
ipt Tr
igger
swhent
hel
engt
hoft
hemedi
ais
changed
onempti
ed scr
ipt Tr
igger
swhenamedi
aresour
ceel
ement
suddenl
ybecomesempt
y .
onended scr
ipt Tr
igger
swhenmedi
ahasr
eacht
heend
oner
ror scr
ipt Tr
igger
swhenaner
roroccur
onf
ocus scr
ipt Tr
igger
swhent
hewi
ndowget
sfocus
onf
ormchange scr
ipt Tr
igger
swhenaf
orm changes
onf
ormi
nput scr
ipt Tr
igger
swhenaf
orm get
suseri
nput