Peristiwa onresize

Event DOM Objek Event

Definisi dan penggunaan

Peristiwa onresize terjadi saat jendela browser diubah ukurannya.

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

Contoh

Contoh 1

Eksekusi JavaScript saat mengganti ukuran jendela browser:

<body onresize="myFunction()">

Coba sendiri

Contoh 2

Gunakan metode addEventListener() untuk menambahkan peristiwa "resize" ke objek window:

window.addEventListener("resize", myFunction);

Coba sendiri

Syntax

Dalam HTML:

<elemen onresize="myScript">

Coba sendiri

Dalam JavaScript:

objek.onresize = function(){myScript};

Coba sendiri

Dalam JavaScript, gunakan metode addEventListener():

objek.addEventListener("resize", myScript);

Coba sendiri

Keterangan:Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener().

Detil teknis

Bubbling: Tidak didukung
Dapat dibatalkan: Tidak didukung
Tipe peristiwa: Jika dihasilkan dari antarmuka pengguna,UiEvent.Jika tidak Event.
Tag HTML yang didukung: <body>
Versi DOM: Peristiwa Level 2

Dukungan Browser

Event Chrome IE Firefox Safari Opera
onresize Dukungan Dukungan Dukungan Dukungan Dukungan
Event DOM Objek Event