VisualViewport: sự kiện resize

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2021.

Sự kiện resize của giao diện VisualViewport được kích hoạt khi khung nhìn trực quan bị thay đổi kích thước. Điều này cho phép bạn định vị các phần tử tương đối với khung nhìn trực quan khi nó được thu phóng, thay vì neo vào khung nhìn bố cục.

Cú pháp

Sử dụng tên sự kiện trong các phương thức như addEventListener(), hoặc thiết lập thuộc tính trình xử lý sự kiện.

js
addEventListener("resize", (event) => { })

onresize = (event) => { }

Kiểu sự kiện

Một Event thông thường.

Ví dụ

Xem trang đích VisualViewport để xem bản trình diễn sử dụng.

Thông số kỹ thuật

Specification
CSSOM View Module
# eventdef-window-resize

Tương thích trình duyệt