Dogodki

Dogodki (events) v JavaScriptu

Večina značk v jeziku HTML ima lastnosti, s katerimi določimo reakcijo na določen dogodek. Tako lahko določimo, kaj naj se zgodi, ko uporabnik klikne na element, če pritisne tipko, spremeni vsebino ... Reakcijo na dogodek opišemo s programom, največkrat v JavaScriptu. Najbolj preprost primer dogodka je verjetno klik na gumb, kar sprogramiramo z besedami onClick="imeFunkcije()". To naj bi pomenilo, da se bo funkcija imeFunkcije() sprožila, ko kliknemo na gumb. Podobni dogodki so še OnMouseOver, OnMouseOut, OnFocus, OnBlur, OnLoad in OnUnload.

Primer:

Dogodki

onload -- brskalnik je do konca naložil dokument ali vse okvirje (body in frameset)

onunload -- brskalnik je odstranil dokument iz okna ali okvirja (body in frameset)

onclick -- uporabnik je kliknil na element

ondblclick -- uporabnik je napravil dvojni klik na elementu

onmousedown -- uporabnik je pritisnil miškin gumb na elementu

onmouseup -- uporabnik je spustil miškin gumb na elementu

onmouseover -- uporabnik je pomaknil miško na element

onmousemove -- uporabnik je premaknil miško na elementu

onmouseout -- uporabnik je pomaknil miško z elementa

onfocus -- uporabnik je aktiviral element z miško ali tipko TAB (a, area, label, input, select, textarea in button)

onblur -- uporabnik je deaktiviral element z miško ali tipko TAB (a, area, label, input, select, textarea in button)

onkeypress -- uporabnik je pritisnil in spustil tipko

onkeydown -- uporabnik je pritisnil tipko

onkeyup -- uporabnik je spustil tipko

onsubmit -- uporabnik je v obrazcu pritisnil gumb submit (form)

onreset -- uporabnik je v obrazcu pritisnil gumb reset (form)

onselect -- uporabnik je označil besedilo v polju za vnos besedila (input in textarea)

onchange -- uporabnik je spremenil vrednost elementa in ga deaktiviral (input, select in textarea)

onerror -- dogodek se sproži, ko pride do napake pri nalaganju dokumenta ali slike

onabort -- dogodek se sproži, ko pride do prekinitve nalaganja slike z uporabnikove strani

onresize -- uporabnik je spremenil velikost okna ali okvirja

Primer uporabe dogodka, kjer ob kliku na gumb uporabnik zamenja barvo ozadja

<html>

<head>

function zamenjajBarvo(barva) { document.bgColor=barva;}

</script>

</head>

<body>

<form>

</form>

</body>

</html>