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.

Дальнейшее объяснение того, почему это происходит, можно найти в этот ответ .