在JS中保持提问窗口大小

Question

在用户使用下面的脚本登录桌面后，我需要将用户重定向到另一个页面(如果我能解释这个项目，这是有意义的(。然而，只有当用户在登录时手动更改屏幕大小时，该脚本才有效。理想情况下，一旦用户登录，该脚本就会检查用户的屏幕大小，然后启动该功能。

那么，有没有一种方法可以不断检查屏幕大小并相应地启动？

window.addEventListener('resize', function() {
if (window.innerWidth >= 900) {
window.location.href = "https://www.example.com"; 
}
});

Answer 1

您可以利用MediaQueryList API在页面中添加一个侦听器，并在达到所需窗口大小时触发您喜欢的任何函数。

试试这个：

const mediaQuery = window.matchMedia('(max-width: 900px)');
function mqBreakPoint(mediaQuery) {
if (mediaQuery.matches) window.location.href = "https://www.example.com"; 
}
// call on your page load
mqBreakPoint(mediaQuery);
// listen for media query break point
mediaQuery.addListener(mqBreakPoint);