JavaScript- geleenthede
HTML-gebeurtenisse is "dinge" wat met HTML-elemente gebeur.
Wanneer JavaScript in HTML-bladsye gebruik word, kan JavaScript op hierdie gebeurtenisse "reageer" .
HTML-gebeurtenisse
'n HTML-gebeurtenis kan iets wees wat die blaaier doen, of iets wat 'n gebruiker doen.
Hier is 'n paar voorbeelde van HTML-gebeurtenisse:
- 'n HTML-webblad het klaar gelaai
- 'n HTML-invoerveld is verander
- 'n HTML-knoppie is geklik
Dikwels, wanneer gebeure gebeur, wil jy dalk iets doen.
JavaScript laat jou kode uitvoer wanneer gebeure bespeur word.
HTML laat gebeurtenishanteerder-kenmerke, met JavaScript-kode , toe om by HTML-elemente gevoeg te word.
Met enkele aanhalings:
<element
event='some JavaScript'>
Met dubbele aanhalingstekens:
<element
event="some JavaScript">
In die volgende voorbeeld word 'n onclickkenmerk (met kode) by 'n
<button>element gevoeg:
Voorbeeld
<button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button>
In die voorbeeld hierbo verander die JavaScript-kode die inhoud van die element met id="demo".
In die volgende voorbeeld verander die kode die inhoud van sy eie element (met this.innerHTML):
Voorbeeld
<button onclick="this.innerHTML = Date()">The time is?</button>
JavaScript-kode is dikwels verskeie reëls lank. Dit is meer algemeen om gebeurteniskenmerke te sien wat funksies oproep:
Voorbeeld
<button onclick="displayDate()">The time is?</button>
Algemene HTML-gebeurtenisse
Hier is 'n lys van 'n paar algemene HTML-gebeurtenisse:
| Gebeurtenis | Beskrywing |
|---|---|
| by verandering | 'n HTML-element is verander |
| op klik | Die gebruiker klik 'n HTML-element |
| na die muis oor | Die gebruiker beweeg die muis oor 'n HTML-element |
| onmuisuit | Die gebruiker beweeg die muis weg van 'n HTML-element |
| onkeydown | Die gebruiker druk 'n sleutelbordsleutel |
| laai | Die blaaier het die bladsy klaar gelaai |
Die lys is baie langer: W3Schools JavaScript Reference HTML DOM Events .
JavaScript-gebeurtenishanteerders
Gebeurtenishanteerders kan gebruik word om gebruikerinvoer, gebruikerhandelinge en blaaierhandelinge te hanteer en te verifieer:
- Dinge wat gedoen moet word elke keer as 'n bladsy laai
- Dinge wat gedoen moet word wanneer die bladsy gesluit is
- Handeling wat uitgevoer moet word wanneer 'n gebruiker 'n knoppie klik
- Inhoud wat geverifieer moet word wanneer 'n gebruiker data invoer
- En meer...
Baie verskillende metodes kan gebruik word om JavaScript met gebeurtenisse te laat werk:
- HTML gebeurtenis eienskappe kan JavaScript-kode direk uitvoer
- HTML-gebeurtenis-kenmerke kan JavaScript-funksies noem
- Jy kan jou eie gebeurtenis hanteerder funksies toewys aan HTML elemente
- Jy kan verhoed dat gebeure gestuur of hanteer word
- En meer...
Jy sal baie meer leer oor gebeurtenisse en gebeurtenishanteerders in die HTML DOM-hoofstukke.