tutorial pengembangan web terbaru
 

Acara OnResize

<Object Acara

Contoh

Mengeksekusi JavaScript ketika jendela browser adalah ukurannya:

<body onresize="myFunction()">
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Acara OnResize terjadi ketika jendela browser telah diubah ukurannya.

Tip: Untuk mendapatkan ukuran elemen, gunakan clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth dan / atau properti offsetHeight.


Dukungan Browser

Peristiwa
onresize iya nih iya nih iya nih iya nih iya nih

Sintaksis

Dalam HTML:

Dalam JavaScript:

object .onresize=function(){ Cobalah sendiri "

Dalam JavaScript, menggunakan addEventListener() metode:

object .addEventListener("resize", myScript );
Cobalah sendiri "

Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.


Rincian teknis

Gelembung: Tidak
dibatalkan: Tidak
jenis acara: UIEvent
tag HTML yang didukung: <Body>
DOM Versi: Level 2 Acara

contoh

Contoh lebih

Contoh

Menggunakan addEventListener() metode untuk melampirkan "resize" acara pada objek window.

window.addEventListener("resize", myFunction);
Cobalah sendiri "

<Object Acara