Javascript Events (overbodige extra's)
Nog even een klein voorbeeldje van wat je nog meer kan met events. Dit is echt overbodige luxe, maar ik vind toch dat je het moet weten :-)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?
function init()
{
var inputObject = document.getElementById('invulformulier');
addEvent(inputObject, 'keyup', geefOverbodigeInformatie);
return;
}
function geefOverbodigeInformatie(e)
{
if(e.keyCode == 13)
{
alert('Jij grapjas, jij drukte op enter!');
}
//voor meer keycodes, probeer eens alert(e.keyCode);
return;
}
addEvent(window, 'load', init);
?>
function init()
{
var inputObject = document.getElementById('invulformulier');
addEvent(inputObject, 'keyup', geefOverbodigeInformatie);
return;
}
function geefOverbodigeInformatie(e)
{
if(e.keyCode == 13)
{
alert('Jij grapjas, jij drukte op enter!');
}
//voor meer keycodes, probeer eens alert(e.keyCode);
return;
}
addEvent(window, 'load', init);
?>
In dit geval is er een element wat je de aandacht kan geen, zoals een formulier-element (<select/> en <input/> bijvoorbeeld) maar ook op window werkt het. Zo kan je dus vrij gemakkelijk de escape-knop afvangen. Experimenteren met de return (false/true/niets) levert weer andere effecten op.
« vorige pagina | volgende pagina »
Inhoudsopgave
- Introductie/verklaring van het buzz-word
- Javascript Events
- Javascript Events (overbodige extra's)
- Het XMLHTTPRequest object - het object aanmaken
- Het XMLHTTPRequest object - het object zijn parame
- Het XMLHTTPRequest object - de cliff-hanger verkla
- De afhandeling van de vraag
- De 4 manieren van het schrijven van data
- Manier 1: Gewone HTML
- Manier 2: Platte tekst
- Manier 3: Als XML
- Manier 4: JSON