mengubah ukuran Acara
Contoh
Jalankan JavaScript saat jendela browser diubah ukurannya:
<body onresize="myFunction()">
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Acara onresize terjadi ketika jendela browser telah diubah ukurannya.
Tip: Untuk mendapatkan ukuran elemen, gunakan properti clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth dan/atau offsetHeight.
Dukungan Peramban
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Dalam HTML:
<element onresize="myScript">
Dalam JavaScript:
object.onresize = function(){myScript};
Dalam JavaScript, menggunakan metode addEventListener() :
object.addEventListener("resize", myScript);
Catatan: Metode addEventListener() tidak didukung di Internet Explorer 8 dan versi yang lebih lama.
Detail Teknis
Gelembung: | Tidak |
---|---|
Dapat dibatalkan: | Tidak |
Jenis acara: | UiEvent jika dihasilkan dari antarmuka pengguna, Event sebaliknya |
Tag HTML yang didukung: | <tubuh> |
Versi DOM: | Acara Tingkat 2 |
Lebih Banyak Contoh
Contoh
Menggunakan metode addEventListener() untuk melampirkan event "resize" pada objek window.
window.addEventListener("resize", myFunction);