ScreenDetails: screenschange event
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.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Sự kiện screenschange của giao diện ScreenDetails được kích hoạt khi tập hợp các màn hình có sẵn cho hệ thống thay đổi: tức là một màn hình mới trở nên khả dụng hoặc một màn hình hiện có trở nên không khả dụng. Điều này sẽ được phản ánh trong sự thay đổi của mảng screens.
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.
addEventListener("screenschange", (event) => { })
onscreenschange = (event) => { }
Kiểu sự kiện
Một Event chung.
Ví dụ
Bạn có thể sử dụng sự kiện screenschange để phát hiện khi màn hình có sẵn thay đổi, báo cáo sự thay đổi, đóng tất cả các cửa sổ, rồi mở lại chúng để phù hợp với cấu hình mới:
const screenDetails = await window.getScreenDetails();
// Trả về số lượng màn hình
let noOfScreens = screenDetails.screens.length;
screenDetails.addEventListener("screenschange", () => {
// Nếu số màn hình mới khác với số màn hình cũ, báo cáo sự khác biệt
if (screenDetails.screens.length !== noOfScreens) {
console.log(
`The screen count changed from ${noOfScreens} to ${screenDetails.screens.length}`,
);
// Cập nhật giá trị noOfScreens
noOfScreens = screenDetails.screens.length;
}
// Mở, đóng hoặc sắp xếp lại cửa sổ khi cần để phù hợp với cấu hình màn hình mới
updateWindows();
});
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Window Management # eventdef-screendetails-screenschange |
| Window Management # ref-for-dom-screendetails-onscreenschange |