Styre hendelser i nettleseren

Skrevet av: GratisGuide.net

I denne artikkelen skal vi se nærmere på hendelser i en nettleser som du kan styre med hjelp av Javascript. En slik hendelse kan være et museklikk, tekst som legges inn i et skjemafelt, innlasting av et bilde og annet.

Vi skal konsentrere oss om hendelser som kan bruker i alle de store nettleserne og la de mer proprietære hendelsene ligge (de som bare fungerer i for eksempel Internet Explorer). Elementene vi har listet gjelder elementer som er gyldige i.h.t. HTML versjon 4.01 (transitional) og XHTML versjon 1.0.

Hurtiglenker

onBlur, onChange, onClick, onError, onFocus, onKeyDown, onKeyPress, onKeyUp, onLoad, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseOut, onReset, onSubmit og onUnload.

Eksempel

Et eksempel på bruk av hendelser er onClick. Her aktiverer vi en dialogboks når lenken klikkes:

<a href="enside.html" onclick="alert('Dette er en melding.');">En lenke</a>
En lenke

onBlur

Hendelsen inntreffer: Når elementet mister fokus (ved tabulator eller museklikk).

For elementene: BODY, FRAMESET, INPUT (unntatt som type IMAGE), SELECT og TEXTAREA.

onChange

Hendelsen inntreffer: Når elementet mister fokus (ved tabulator eller museklikk) og innholdet i det er endret.

For elementene: INPUT (av typen PASSWORD og TEXT), SELECT og TEXTAREA.

onClick

Hendelsen inntreffer: Når et element mottar et museklikk.

For elementene: Alle unntatt ABBR, APPLET, COL, COLGROUP, HTML, INPUT (av typen FILE, HIDDEN og TEXT), LINK, NOFRAMES, NOSCRIPT, OBJECT, OPTGROUP og OPTION.

onError

Hendelsen inntreffer: Når en feil er oppstått ved lasting av eksterne sidedeler, eller ved en skriptfeil.

For elementene: BODY.

onFocus

Hendelsen inntreffer: Når elementet har fått fokus.

For elementene: A (med HREF), AREA, BODY, FRAMESET, INPUT (unntatt av typen IMAGE), SELECT og TEXTAREA.

onKeyDown

Hendelsen inntreffer: Når en tast trykkes for elementet som har fokus.

For elementene: A (med HREF), AREA, BODY, BUTTON, FIELDSET, FORM, INPUT (unntatt av typen HIDDEN), ISINDEX, LABEL, MAP, SELECT og TEXTAREA.

onKeyPress

Hendelsen inntreffer: Når en tast trykkes og slippes for elementet som har fokus.

For elementene: Som onKeyDown.

onKeyUp

Hendelsen inntreffer: Når en tast slippes for elementet som har fokus.

For elementene: Som onKeyDown.

onLoad

Hendelsen inntreffer: Når siden eller eksterne sidedeler er fullstendig lastet inn.

For elementene: BODY, FRAMESET, IMG og INPUT (av typen IMAGE).

onMouseDown

Hendelsen inntreffer: Når museknappen trykkes på elementet.

For elementene: Alle unntatt ABBR, APPLET, COL, COLGROUP, HTML, IFRAME, INPUT (av typen HIDDEN), LINK, NOFRAMES, NOSCRIPT, OBJECT, OPTGROUP og OPTION.

onMouseMove

Hendelsen inntreffer: Når musepekeren flyttes på (innenfor) elementet.

For elementene: Som onMouseDown.

onMouseOut

Hendelsen inntreffer: Når musepekeren glir ut fra (innenfor til utenfor) elementet.

For elementene: Som onMouseDown.

onMouseOver

Hendelsen inntreffer: Når musepekeren glir inn over (utenfor til innenfor) elementet.

For elementene: Som onMouseDown.

onMouseUp

Hendelsen inntreffer: Når museknappen slippes på elementet (først trykkes, deretter slippes).

For elementene: Som onMouseDown.

onReset

Hendelsen inntreffer: Når et skjema tilbakestilles.

For elementene: FORM.

onSubmit

Hendelsen inntreffer: Når et skjema sendes til nettjeneren.

For elementene: FORM.

onUnload

Hendelsen inntreffer: Når siden fjernes fra nettleservinduet (f.eks. ved at en annen side lastes).

For elementene: BODY og FRAMESET.

Alle hendelsene over kan brukes i Internet Explorer versjon 5 eller nyere, Netscape versjon 6 eller nyere og Opera versjon 5 eller nyere (og andre nettlesere, men det har vi ikke testet).

Opphavsrett

Ønsker du å gjengi denne artikkelen eller noe fra den må du gjerne gjøre det, men ikke glem kildereferanse. For å lenke til denne artikkelen kan du bruke URL-en http://www.gratisguide.net/artikler/javascript/styre-hendelser-i-nettleseren.html.

Tilbake til Artikler / Javascript