ScreenDetails: currentscreenchange event
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.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Sự kiện currentscreenchange của giao diện ScreenDetails được kích hoạt khi ScreenDetails.currentScreen thay đổi theo một trong các cách sau:
- Màn hình hiện tại thay đổi thành một màn hình khác, tức là cửa sổ trình duyệt hiện tại được di chuyển sang màn hình khác.
- Một hoặc nhiều thuộc tính sau thay đổi trên màn hình hiện tại:
- Một hoặc nhiều giá trị sau thay đổi:
- Vị trí của màn hình (tọa độ (x,y) của góc trên bên trái) trong sắp xếp màn hình ảo của hệ điều hành, tương đối với multi-screen origin
- Vị trí có sẵn của màn hình (tọa độ (x,y) của góc trên bên trái) trong sắp xếp màn hình ảo của hệ điều hành, tương đối với multi-screen origin. Điều này bằng vị trí màn hình, cộng thêm chiều rộng/chiều cao của các phần tử giao diện hệ điều hành được vẽ ở góc trên bên trái của màn hình, cửa sổ không thể đặt trong những khu vực đó.
devicePixelRatiolabel- Màn hình được chỉ định là primary hay secondary (xem
isPrimary) - Màn hình được chỉ định là internal hay external (xem
isInternal)
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 xử lý sự kiện.
js
addEventListener("currentscreenchange", (event) => { })
oncurrentscreenchange = (event) => { }
Kiểu sự kiện
Một Event chung.
Ví dụ
js
const screenDetails = await window.getScreenDetails();
screenDetails.addEventListener("currentscreenchange", (event) => {
const details = screenDetails.currentScreen;
console.log("The current screen has changed.", event, details);
});
Thông số kỹ thuật
| Specification |
|---|
| Window Management # eventdef-screendetails-currentscreenchange |
| Window Management # ref-for-dom-screendetails-oncurrentscreenchange |