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 ($20.00)"
    data-image="/128x128.png"
    data-locale="auto">
  </script>
</form>

Answer 1

你可以做什么。看起来Stripe正在监听表单提交事件，所以你可以做的是在按钮上添加一个click事件监听器

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 ($20.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
});

条纹结帐 - 捕获'按卡付款'按钮的点击事件

1 个答案: