Shopify加入购物车按钮click事件监听器不触发问题求助

我遇到了一个棘手的问题，一直找不到原因：尝试给Shopify的加入购物车按钮添加click事件监听器，在Firefox中能看到事件已经成功添加，但代码就是不执行。这段代码之前在其他小脚本里用过很多次，都没有问题。

更新：怀疑问题出在按钮的type="submit"属性上，但这个属性是必需项，不知道该怎么解决。

用到的代码如下：

const addToCartButton = document.querySelector('[data-add-to-cart]');

addToCartButton.addEventListener("click", () => {
  console.log('clicked')
}); 

附截图：

内容的提问来源于stack exchange，提问作者Billy Noyes