Sündmuse objekti (Event) põhitöö JavaScriptis

Selles õppetükis õpime põhitööd sündmuse objekti Eventga. See objekt sisaldab infot toimunud sündmuse kohta. Näiteks kui elemendile klõpsati, saame teada selle klõpsu koordinaadid, kas klõpsu hetkel vajutati klahve Ctrl, Alt või Shift ja nii edasi.

Vaatame, kuidas saada objekti Event. Oletame, et meil on nupp:

<button id="elem">text</button>

Oletame, et sellele nupule klõpsates käivitatakse mingi funktsioon:

let elem = document.querySelector('#elem');

elem.addEventListener('click', function() {

});

Seotud funktsiooni sees on juba sündmuse objekt Event - me lihtsalt ei tea veel, kuidas seda saada. See saadakse järgmisel viisil: meie funktsiooni deklareerimisel tuleb sellele edastada parameetrina mis tahes muutuja (tavaliselt event - kuid nimetus võib olla mis tahes) ja sellesse muutujasse brauser paneb automaatselt sündmuse objekti Event:

elem.addEventListener('click', function(event) {
	console.log(event); // näeme sündmusega objekti
});

Tehke kirjeldatud manipuleerimised ise ja kuvage sündmusega objekt konsooli. Uurige selle objekti struktuuri.