如何完全禁用所有按钮事件

Question

网站上有一个结帐按钮

<button type="button" class="someclass" data-testid="">Checkout</button>

我正在尝试删除默认操作并应用我的逻辑。但是，我尝试过的所有操作仍然会在单击按钮时触发默认操作（将用户发送至结帐）。我尝试过：

jQuery( "*" ).click(function( event ) {
  event.preventDefault();

});
jQuery( "*" ).off('click');
jQuery( "*" ).off();
jQuery( "*" ).unbind();

如果我删除了所有事件，为什么仍然触发该事件？它唯一起作用的是添加禁用的属性，但是后来我无法应用自己的逻辑。现在，我看到的唯一解决方案是在按钮上方添加不透明度为0的额外div。但这是我的不得已。

更新： 我创建了演示商店来显示示例。尝试单击立即购买按钮。我正在尝试替换此按钮操作。 https://mydemostore20.myshopify.com/products/test