WindowControlsOverlayGeometryChangeEvent
Khả dụng hạn chế
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Giao diện WindowControlsOverlayGeometryChangeEvent của Window Controls Overlay API được truyền đến geometrychange khi kích thước hoặc khả năng hiển thị của vùng thanh tiêu đề của Progressive Web App trên máy tính thay đổi.
Hàm khởi tạo
WindowControlsOverlayGeometryChangeEvent()Thử nghiệm-
Tạo một sự kiện
WindowControlsOverlayGeometryChangeEventvới các tham số đã cho.
Thuộc tính phiên bản
Cũng kế thừa các thuộc tính từ cha Event.
WindowControlsOverlayGeometryChangeEvent.titlebarAreaRectRead only Thử nghiệm-
Một
DOMRectđại diện cho vị trí và kích thước của vùng thanh tiêu đề. WindowControlsOverlayGeometryChangeEvent.visibleRead only Thử nghiệm-
Một Boolean cho biết lớp phủ điều khiển cửa sổ có hiển thị hay không.
Ví dụ
Ví dụ sau đây cho thấy cách sử dụng phiên bản WindowControlsOverlayGeometryChangeEvent bằng cách thêm trình xử lý sự kiện trên thuộc tính Navigator.windowControlsOverlay, để lắng nghe các thay đổi hình học của vùng thanh tiêu đề của PWA.
if ("windowControlsOverlay" in navigator) {
navigator.windowControlsOverlay.addEventListener(
"geometrychange",
(event) => {
if (event.visible) {
const rect = event.titlebarAreaRect;
// Do something with the coordinates of the title bar area.
}
},
);
}
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Window Controls Overlay # windowcontrolsoverlay-interface |