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.

Event WindowControlsOverlayGeometryChangeEvent

Hàm khởi tạo

WindowControlsOverlayGeometryChangeEvent() Experimental

Tạo một sự kiện WindowControlsOverlayGeometryChangeEvent vớ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.titlebarAreaRect Read only Experimental

Một DOMRect đại diện cho vị trí và kích thước của vùng thanh tiêu đề.

WindowControlsOverlayGeometryChangeEvent.visible Read 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.

js
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

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

Xem thêm