Shopify EventListener 未监听

Question

{% javascript %}
window.addEventListener('resize', console.log('Screen size changed!'));
{% endjavascript %}

只要屏幕分辨率改变，这段代码就应该运行，但它只在页面加载后起作用，当我改变分辨率时它不会触发。

Answer 1

发生这种情况的原因是因为您立即调用该函数，因此 console.log 仅在页面加载后输出。

您需要做的是将它放在函数中，如下所示：

{% javascript %}
  window.addEventListener('resize', function() {
    console.log('Screen size changed!')
  });
{% endjavascript %}

这样，每当调整 window 的大小时，函数将运行并输出 console.log。

可以在 .

中找到关于为什么会发生这种情况的进一步解释

Shopify EventListener is not listening