Peristiwa onresize

Peristiwa DOM Objek Event

Definisi dan penggunaan

Peristiwa onresize terjadi saat jendela browser diubah ukurannya。

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

Contoh

Contoh 1

Lakukan 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

Sintaks

Pada HTML：

<elemen onresize="myScript">

Coba sendiri

Pada JavaScript：

objek.onresize = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener()：

objek.addEventListener("resize", myScript);

Coba sendiri

Keterangan：Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener()。

Rincian teknis

Bubbling： Tidak didukung
Boleh dibatalkan： Tidak didukung
Jenis peristiwa： Jika dihasilkan dari antarmuka pengguna，UiEvent。Jika tidak Peristiwa。
Tanda HTML yang didukung： <body>
Versi DOM： Peristiwa Level 2

Dukungan Pemergian Browser

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