Stripe checkout - 捕获 'Pay by card' 按钮的 onclick 事件

Question

我正在使用 Stripe Javascript 结帐库。我的页面上有多个结帐按钮实例，我需要捕获按钮的 onclick 事件，以便我可以在叠加层出现之前动态地将隐藏字段添加到结帐表单。

有没有办法捕获按钮的onclick事件，如果有的话，可以判断是哪个按钮被点击了？

编辑后包含以下代码。注意：这是 Stripe 提供的代码。

<form action="" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="pk_test_MhUiNzdsSkIvzW5Mpwikw38Z"
    data-amount="2000"
    data-name="Demo Site"
    data-description="2 widgets (.00)"
    data-image="/128x128.png"
    data-locale="auto">
  </script>
</form>

Answer 1

您可以执行以下操作。看起来 Stripe 正在监听表单提交事件，所以你可以做的是向按钮添加一个点击事件监听器

HTML

<form id="btn1" action="" method="POST">
  <script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="pk_test_MhUiNzdsSkIvzW5Mpwikw38Z"
    data-amount="2000"
    data-name="Demo Site"
    data-description="2 widgets (.00)"
    data-image="/128x128.png"
    data-locale="auto">
  </script>
</form>

JS:

var btn1 = document.querySelector('#btn1 button');
btn1.addEventListener('click', function(){
  // do stuff for btn1 click
});

Stripe checkout - 捕获 'Pay by card' 按钮的 onclick 事件

Stripe checkout - capture onclick event of 'Pay by card' button

javascript

checkout