WindowControlsOverlay: sự kiện geometrychange
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.
Sự kiện geometrychange được kích hoạt khi vị trí, kích thước hoặc khả năng hiển thị của vùng thanh tiêu đề của Progressive Web App thay đổi.
Điều này chỉ áp dụng cho Progressive Web Apps được cài đặt trên hệ điều hành máy tính và sử dụng Window Controls Overlay API.
Cú pháp
Sử dụng tên sự kiện trong các phương thức như addEventListener(), hoặc đặt thuộc tính trình xử lý sự kiện.
addEventListener("geometrychange", (event) => { })
ongeometrychange = (event) => { }
Loại sự kiện
Một WindowControlsOverlayGeometryChangeEvent. Kế thừa từ Event.
Thuộc tính sự kiện
Ngoài các thuộc tính được liệt kê bên dưới, các thuộc tính từ giao diện cha Event cũng có sẵn.
titlebarAreaRect-
Một
DOMRectđại diện cho vị trí và kích thước của vùng thanh tiêu đề trong nội dung của ứng dụng. visible-
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ụ
Sử dụng addEventListener():
navigator.windowControlsOverlay.addEventListener("geometrychange", (event) => {
const { x, y, width, height } = event.titlebarAreaRect;
console.log(
`The titlebar area coordinates are x:${x}, y:${y}, width:${width}, height:${height}`,
);
});
Sử dụng thuộc tính trình xử lý sự kiện ongeometrychange:
navigator.windowControlsOverlay.ongeometrychange = (event) => {
const { x, y, width, height } = event.titlebarAreaRect;
console.log(
`The titlebar area coordinates are x:${x}, y:${y}, width:${width}, height:${height}`,
);
};
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Window Controls Overlay # the-ongeometrychange-attribute |