Sự kiện onresize

Sự kiện DOM Đối tượng Event

Định nghĩa và cách sử dụng

Sự kiện onresize xảy ra khi cửa sổ trình duyệt được điều chỉnh kích thước.

Lưu ý:Để lấy kích thước của phần tử, hãy sử dụng clientWidth, clientHeight,innerWidthvàinnerHeightvàouterWidthvàouterHeightvà/hoặc thuộc tính offsetWidth và/hoặc offsetHeight.

Mô hình

Ví dụ 1

Chạy JavaScript khi điều chỉnh kích thước cửa sổ trình duyệt:

<body onresize="myFunction()">

Thử trực tiếp

Ví dụ 2

Sử dụng phương thức addEventListener() để gắn sự kiện "resize" vào đối tượng window:

window.addEventListener("resize", myFunction);

Thử trực tiếp

Cú pháp

Trong HTML:

<element onresize="myScript">

Thử trực tiếp

Trong JavaScript:

object.onresize = function(){myScript};

Thử trực tiếp

Trong JavaScript, sử dụng phương thức addEventListener():

object.addEventListener("resize", myScript);

Thử trực tiếp

Ghi chú:Internet Explorer 8 hoặc sớm hơn không hỗ trợ Phương thức addEventListener()。

Chi tiết kỹ thuật

Bong bóng: không hỗ trợ
Có thể hủy bỏ: không hỗ trợ
Loại sự kiện: nếu được tạo từ giao diện người dùngUiEvent。Còn không Sự kiện。
Các thẻ HTML được hỗ trợ: <body>
Phiên bản DOM: Sự kiện cấp 2

Hỗ trợ trình duyệt

Sự kiện Chrome IE Firefox Safari Opera
onresize Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ
Sự kiện DOM Đối tượng Event