sự kiện kích thước lớn
Thí dụ
Thực thi JavaScript khi cửa sổ trình duyệt được thay đổi kích thước:
<body onresize="myFunction()">
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Sự kiện kích thước lớn xảy ra khi cửa sổ trình duyệt đã được thay đổi kích thước.
Mẹo: Để lấy kích thước của một phần tử, hãy sử dụng các thuộc tính clientWidth, clientHeight, innerWidth , innerHeight , externalWidth , externalHeight , offsetWidth và / hoặc offsetHeight.
Hỗ trợ trình duyệt
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trong HTML:
<element onresize="myScript">
Trong JavaScript:
object.onresize = function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
object.addEventListener("resize", myScript);
Lưu ý: Phương thức addEventListener () không được hỗ trợ trong Internet Explorer 8 và các phiên bản trước đó.
Chi tiết kỹ thuật
Bong bóng: | Không |
---|---|
Có thể hủy bỏ: | Không |
Loại sự kiện: | UiEvent nếu được tạo từ giao diện người dùng, Sự kiện nếu không |
Các thẻ HTML được hỗ trợ: | <body> |
Phiên bản DOM: | Sự kiện cấp độ 2 |
Các ví dụ khác
Thí dụ
Sử dụng phương thức addEventListener () để đính kèm sự kiện "thay đổi kích thước" trên đối tượng cửa sổ.
window.addEventListener("resize", myFunction);