Dasar-Dasar Bekerja dengan Objek Event di JavaScript

Dalam pelajaran ini, kita akan mempelajari dasar-dasar bekerja dengan objek Event. Objek ini berisi informasi tentang peristiwa yang terjadi. Sebagai contoh, jika sebuah elemen diklik, kita dapat mengetahui koordinat klik tersebut, apakah tombol Ctrl, Alt atau Shift ditekan pada saat klik dan sebagainya.

Mari kita lihat, bagaimana cara mendapatkan objek Event. Misalkan kita memiliki sebuah tombol:

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

Misalkan saat tombol ini diklik, sebuah fungsi tertentu dijalankan:

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

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

});

Di dalam fungsi yang terikat sudah terdapat objek Event - kita hanya belum tahu, bagaimana cara mendapatkannya. Cara mendapatkannya adalah sebagai berikut: saat mendeklarasikan fungsi kita perlu meneruskan parameter apa pun ke dalamnya (biasanya, event - tetapi namanya dapat berupa apa saja) dan ke dalam variabel ini browser akan secara otomatis menempatkan objek Event:

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

Lakukan sendiri manipulasi yang dijelaskan dan tampilkan objek dengan peristiwa di konsol. Pelajari struktur objek ini.