javascript - 每当调整浏览器窗口屏幕尺寸时，让我的函数重新执行

Question

我试图让我的简单 javascript 函数(无 jQuery)在浏览器大小调整到超过或低于 890px 时将消息记录到控制台。此代码在加载时工作，但仅说明页面加载时的起始宽度:

if (window.innerWidth < 890) {
     console.log('Less than 890px');
    } else {
     console.log('890px or more');
    }

但是我下面使用窗口事件的代码不起作用:

if (window.attachEvent) {
  window.attachEvent('onresize', function() {
    if (window.innerWidth < 890) {
     console.log('Less than 890px');
    } else {
     console.log('890px or more');
    }
})};

有人可以解释一下我在这里做错了什么吗？我对 javascript 比较陌生。感谢您的帮助。

Answer 1

window.addEventListener('resize', () => {
 if (window.innerWidth < 890) {
     console.log('Less than 890px');
    } else {
     console.log('890px or more');
    }
});