Asas Pengendalian Objek Event dalam JavaScript

Dalam pelajaran ini, kita akan mempelajari asas pengendalian objek Event. Objek ini mengandungi maklumat tentang peristiwa yang telah berlaku. Sebagai contoh, jika satu elemen diklik, kita boleh mengetahui koordinat klik tersebut, sama ada kekunci Ctrl, Alt atau Shift ditekan semasa klik dan sebagainya.

Mari kita lihat, bagaimana untuk mendapatkan objek Event. Katakan kita ada satu butang:

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

Katakan apabila butang ini diklik, satu fungsi tertentu dilaksanakan:

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

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

});

Di dalam fungsi yang terikat sudah ada objek Event - kita cuma belum tahu, bagaimana untuk mendapatkannya. Ia diperoleh dengan cara berikut: perlu ketika mengisytiharkan fungsi kita menyebarkan sebarang pembolehubah ke dalamnya sebagai parameter (biasanya, event - tetapi namanya boleh apa sahaja) dan ke dalam pembolehubah ini pelayar secara automatik akan meletakkan objek Event:

elem.addEventListener('click', function(event) {
	console.log(event); // akan melihat objek dengan peristiwa
});

Lakukan manipulasi yang diterangkan secara berdikari dan paparkan objek dengan peristiwa dalam konsol. Kaji struktur objek ini.