ScreenDetails：currentscreenchange 事件

ScreenDetails 接口的 currentscreenchange 事件在 ScreenDetails.currentScreen 以以下任一方式更改时触发

• 当前屏幕更改为不同的屏幕，即当前浏览器窗口移动到不同的屏幕。
• 当前屏幕上的以下属性之一或多个发生更改
  • 宽度
  • 高度
  • 可用宽度
  • 可用高度
  • 颜色深度
  • 方向
• 以下值之一或多个发生更改
  • 屏幕的 位置 (左上角的 (x,y) 坐标) 在 OS 虚拟屏幕排列中，相对于 多屏幕原点
  • 屏幕的 可用位置 (左上角的 (x,y) 坐标) 在 OS 虚拟屏幕排列中，相对于 多屏幕原点。这等于屏幕位置加上绘制在屏幕左上角的任何 OS UI 元素的宽度/高度 - 窗口不能放置在这些区域
  • 设备像素比
  • 标签
  • 屏幕作为主屏幕或副屏幕的指定 (见 isPrimary)
  • 屏幕作为内部或外部的指定 (见 isInternal)

addEventListener("currentscreenchange", (event) => {});

oncurrentscreenchange = (event) => {};

const screenDetails = await window.getScreenDetails();
screenDetails.addEventListener("currentscreenchange", (event) => {
  const details = screenDetails.currentScreen;
  console.log("The current screen has changed.", event, details);
});