WindowControlsOverlayGeometryChangeEvent
Limited availability
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()Experimental-
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 Experimental-
Một
DOMRectđại diện cho vị trí và kích thước của vùng thanh tiêu đề. WindowControlsOverlayGeometryChangeEvent.visibleRead only Experimental-
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
| Specification |
|---|
| Window Controls Overlay> # windowcontrolsoverlay-interface> |