Händelsehanterare

Nedan förklarar jag främst de händelsehanterare som används i den här JavaScript-skolan plus ett par till. Det finns en lång rad andra händelsehanterare dessutom, men de flesta av dessa hör hemma i JavaScript version 1.2.

Hanterare

Används på följande objekt:
Koden utförs när:

onBlur

button, checkbox, dokumentet, FRAME, LAYER, password, radio, reset, select, submit, text, TEXTAREA

Utför koden när ett FORM-element, ett fönster eller en ram förlorar fokus.

onChange

select, text, TEXTAREA

Utför koden när objektet förlorar fokus och dess värde har förändrats.

onClick

alla länkar, button, checkbox, radio, reset, submit

Utför koden när besökaren klickar på objektet.

onFocus

button, checkbox, dokumentet, LAYER, password, radio, reset, select, submit, text, TEXTAREA

Utför koden när objektet får fokus.

onLoad

dokumentet, LAYER

Utför koden när sidan eller alla ramar inom ett FRAMESET har laddats färdigt.

onMouseout

alla länkar, LAYER 

Utför koden när muspekaren flyttas bort från objektet.

onMouseover

alla länkar, LAYER  

Utför koden när muspekaren flyttas till objektet.

onReset

FORM

Utför koden när besökaren klickar på en knappen "Återställ" (reset).

onSelect

text, TEXTAREA

Utför koden när besökaren markerar text i en textruta eller textarea.

onSubmit

FORM

Utför koden när besökaren klickar på en knappen "Skicka" (submit).

onUnload

dokumentet

Utför koden när besökaren lämnar sidan.

Generell syntax för samtliga dessa händelsehanterare är:

onHanterare="vad_som_skall_göras"

"vad_som_skall_göras"
Ersätts med javaskriptkod eller ett anrop av en funktion.

onLoad="vingSlag(250)"
När sidan har laddats färdigt anropas funktionen vingSlag(). Händelsehanteraren tar med sig värdet 250 dit.

onClick="window.status='Du klickade på knappen'; return true"
När besökaren klickar skrivs texten "Du klickade på knappen" i statusraden.

onMouseOver="document.images[0].src='lamp1.gif';"
När muspekaren rör vid länken kommer den första bilden på sidan att bli lamp1.gif.

onMouseOut="document.images[0].src='lamp2.gif';"
När besökaren flyttar bort muspekaren byts bilden lamp1.gif mot lamp2.gif.

onChange="javascript:this.value=this.value.toLowerCase();"
När en förändring sker i ett FORM-element (textruta eller textarea), byts alla versaler mot gemener.

Samtliga händelsehanterare som har med dokumentet eller fönstret att göra placeras i den inledande BODY-taggen, till exempel onLoad och onUnload. Övriga händelsehanterare läggs där de skall användas, till exempel i en INPUT-tagg eller en A-tagg.

© SupportData.Net