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 %}

这样，只要调整窗口大小，该功能就会运行，并且会输出console.log。

关于为什么会发生这种情况的进一步说明，可以在this answer中找到。