js双屏异显监听

实现双屏异显监听可以通过以下步骤：

1. 获取所有屏幕的信息

使用 screen.width 和 screen.height 可以获取当前屏幕的宽度和高度，使用 window.screen 可以获取所有屏幕的信息。

const screens = window.screen;

console.log(screens);

2. 监听屏幕变化事件

可以监听 window.onresize 事件来判断屏幕是否发生变化。

window.onresize = function(event) {
  console.log("Screen size changed");
};

3. 判断当前屏幕是否为主屏幕

使用 screen.availWidth 和 screen.availHeight 可以获取当前屏幕可用的宽度和高度，如果当前屏幕可用宽度和高度等于所有屏幕中的最大宽度和高度，则说明当前屏幕为主屏幕。

const screens = window.screen;
const maxScreenWidth = Math.max.apply(
  null,
  screens.map(screen => screen.availWidth)
);
const maxScreenHeight = Math.max.apply(
  null,
  screens.map(screen => screen.availHeight)
);

if (
  window.screen.availWidth === maxScreenWidth &&
  window.screen.availHeight === maxScreenHeight
) {
  console.log("This is the main screen");
} else {
  console.log("This is not the main screen");
}

4. 监听主屏幕变化事件

在主屏幕变化时，可以重新判断当前屏幕是否为主屏幕。

window.onresize = function(event) {
  const screens = window.screen;
  const maxScreenWidth = Math.max.apply(
    null,
    screens.map(screen => screen.availWidth)
  );
  const maxScreenHeight = Math.max.apply(
    null,
    screens.map(screen => screen.availHeight)
  );

  if (
    window.screen.availWidth === maxScreenWidth &&
    window.screen.availHeight === maxScreenHeight
  ) {
    console.log("This is the main screen");
  } else {
    console.log("This is not the main screen");
  }
};

注意：以上代码仅适用于浏览器环境，如果是在 Node.js 环境下，则需要使用其他方法来获取屏幕信息。