时间戳

首页 > 解决方案 > Shopify EventListener 未在监听

shopify - Shopify EventListener 未在监听

问题描述

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

此代码应该在屏幕分辨率更改时运行，但它仅在页面加载后才有效，当我更改分辨率时它不会触发。

标签： shopifyliquidshopify-app

解决方案

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

你需要做的是把它放在一个函数中，如下所示：

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

这样，每当调整窗口大小时，函数都会运行并console.log输出。

关于为什么会发生这种情况的进一步解释可以在这个答案中找到。

推荐阅读