login  Naam:   Wachtwoord: 
Registreer je!
 Tutorials
Tutorials > Javascript

Gegevens:
Geschreven door:
 Joel
Moeilijkheidsgraad:
 Normaal
Hits:
 12821
Punten:
Aantal punten:
  (4)
Aantal stemmen:
 11
Stem:
 Niet ingelogd
Nota's:
 Lees de nota's (1)
 

Tutorial:

Event-handling

Event-handling is een functie die een gebeurtenis activeert wanneer de waarde TRUE is.
M.AW. moet de functie voldaan worden voor dat de gebeurtenis wordt activeert.

We gaan het even duidelijk maken met een voorbeeld met de event "onClick":

<FORM NAME="klikken">
<INPUT TYPE="text" NAME="tekstveld" VALUE="" onClick="window.document.klikken.tekstveld.value='Je hebt geklikt'">
</FORM>

Dit geeft als resultaat:
De formule die je gebruikt bij OnClick is hier "window.document.formulier.tekstveld.value='...'"

We zien als je op het tekstveld klikt dat de waarde dan wordt veranderd door "Je hebt geklikt".
Zo'n gebeurtenis noemen we een Event-handling.

Een ander voorbeeld met "onMouseOver".

<FORM NAME="alert">
<INPUT TYPE="text" NAME="alert" VALUE="" onMouseOver="alert('Je gaat over het tekstveld');">
</FORM>

Dit geeft als resultaat:


Met deze twee voorbeelden zal het al duidelijker zijn wat event-handling juist is.
Er zijn er nog een hele boel andere dan deze twee. Hier komen ze allemaal:

Event-handler: Omschrijving:
onClick Wanneer iemand op een hyperlink of een element in het formulier klikt wordt deze gebeurtenis geactiveerd.
onDblClick Wanneer iemand op een hyperlink of een element in het formulier dubbel wordt geklikt wordt deze gebeurtenis geactiveerd
   
onMouseOver Wanneer iemand met de muisaanwijzer over een hyperlink wordt bewogen wordt deze gebeurtenis geactiveerd.
onMouseUp Wanneer iemand de muisknop looslaat wordt deze gebeurtenis geactiveerd.
onMouseOut Wanneer iemand met de muisaanwijzer de hyperlink verlaat wordt deze gebeurtenis geactiveerd.
onMouseDown Wanneer iemand op een afbeelding, document, hyperlink of element in het formulier aanklikt wordt deze gebeurtenis geactiveerd.
onMouseMove Wanneer iemand de muis beweegt wordt geze gebeurtenis geactiveerd:
   
onChange Wanneer iemand de waarde van een tekstveld of een keuzelijst veranderd wordt deze gebeurtenis geactiveerd.
onSelect Wanneer iemand de tekst van een invoervak selecteert wordt deze gebeurtenis geactiveerd.
onReset Wanneer iemand op de knop "Reset" klikt wordt deze gebeurtenis geactiveerd.
onSubmit Wanneer iemand op de knop "Submit" klikt wordt deze gebeurtenis geactiveerd.
   
onAbort Wanneer het laden van een afbeelding wordt onderbroken wordt deze gebeurtenis geactiveerd.
onError Wanneer er een fout optreedt tijdens het laden van een pagina of een afbeelding wordt deze gebeurtenis geactiveerd.
   
onLoad Wanneer de pagina is geladen wordt deze gebeurtenis geactiveerd.
onUnload Wanneer de pagina wordt gesloten wordt deze gebeurtenis geactiveerd.
onResize Wanneer de afmetingen van een venster of van een frame worden veranderd wordt deze gebeurtenis geactiveerd.
onMove Wanneer een venster of een frame wordt verplaatst wordt deze gebeurtenis geactiveerd.
   
onKeyDown Wanneer ieamand op een toets drukt wordt deze gebeurtenis geactiveerd.
onKeyPress Wanneer iemand een toets ingedrukt houdt worden deze gebeurtenis geactiveerd.
onKeyUp Wanneer iemand een toets lostlaat wordt deze gebeurtenis geactiveerd.
   
onFocus Wanneer een invoervak, frame of venster op de voorgrond verschijnt wordt deze gebeurtenis geactiveerd.
onBlur Wanneer een element in de formulier, frame of venster zicht niet langer op de voorgrond bevindt wordt deze gebeurtenis geactiveerd.



« Vorige tutorial : Lussen Volgende tutorial : Objecten in javascript »

© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.02s