javascript - 有没有办法检测 drop-in Braintree.js 表单的提交点击？

Question

我正在使用 Braintree.js 表单中的 drop 。我通过注册 onPaymentMethodReceived 回调使用 ajax 提交它。到目前为止一切顺利，运行良好。

但是，提交表单后，有一个两步过程:首先将付款详细信息提交到 Braintree 并进行验证(同时表单上方显示旋转图标)，然后对页面上的详细信息进行匿名化处理，然后将 onPaymentMethodReceived 回调会触发一个随机数，我可以用它发送到我的服务器。

问题是我想在单击表单提交按钮时禁用它，但是在其上注册 onClick 处理程序会导致 Braintree 忽略单击。

据我了解，此时客户的银行卡详细信息在页面上可见，但由于 iframe 来自不同的域，并且我此时可以使用任何潜在方法来获取这些信息，因此我无法获取它们无论如何，我可以使用 setInterval() 执行详细信息，因此我并没有真正看到这方面的安全案例。

有什么方法可以检测这里的点击吗？

Answer 1

_{全面披露:我在 Braintree 工作。如果您还有任何疑问，请随时联系support .}

据我所知，您无法使用 Drop-In 跳转到标记化过程的中间。听起来您正在寻求为用户创建自定义体验，步骤 beyond the Drop-In use case 。

在 onPaymentMethodReceived 回调之后启用表单提交按钮是常见的直接使用流程，但通过创建自定义集成，您可以直接handle the client-side tokenization process并用您需要的任何功能包装它:

var client = new braintree.api.Client({clientToken: "CLIENT-TOKEN-FROM-SERVER"});

client.tokenizeCard({
  number: "4111111111111111",
  expirationDate: "10/20"
}, function (err, nonce) {
  // Send nonce to your server
});