Windows Events

Modul 2: Windows Events

Dalam JavaScript, event handler juga dapat digunakan untuk menangani berbagai peristiwa yang terjadi di jendela browser. Berikut beberapa contoh peristiwa yang dapat ditangani:

1. load Event:

Event ini terjadi ketika halaman web selesai dimuat sepenuhnya, termasuk semua gambar, stylesheet, dan elemen lainnya.

window.addEventListener("load", function() {
    alert("Halaman telah dimuat sepenuhnya!");
});

2. resize Event:

Event ini terjadi ketika ukuran jendela browser berubah.

window.addEventListener("resize", function() {
    console.log("Ukuran jendela browser berubah!");
});

3. onload Event:

Event ini terjadi setelah halaman web selesai diunduh dan ditampilkan.

window.onload = function() {
    console.log("Halaman web selesai dimuat!");
};

4. beforeunload Event:

Event ini terjadi sebelum pengguna meninggalkan halaman web, biasanya saat menutup tab atau browser.

window.addEventListener("beforeunload", function(event) {
    // Tampilkan pesan konfirmasi
    event.returnValue = "Anda yakin ingin meninggalkan halaman ini?";
});

Ini hanya beberapa contoh dari banyaknya event yang dapat ditangani di jendela browser menggunakan JavaScript. Dengan menangani event-event ini, Anda dapat membuat aplikasi web yang lebih interaktif dan responsif terhadap interaksi pengguna.