有什么方法可以檢測到braintree.js表單的提交點擊？

Question

我正在使用braintree.js表單。 我通過注冊onPaymentMethodReceived回調與Ajax一起提交。 到目前為止，一切正常。

但是，提交表單后，需要執行兩個步驟：首先將付款詳細信息提交給braintree並進行驗證（同時微調框顯示在表單上），然后將頁面上的詳細信息匿名化，並且onPaymentMethodReceived回調會以隨機數觸發我可以用來發送到我的服務器。

問題是我想在單擊表單提交按鈕時禁用它，但是在其上注冊onClick處理程序會導致Braintree忽略該單擊。

我了解到客戶卡的詳細信息此時已顯示在頁面上，但是由於iframe來自其他域，我還是無法抓取它們，此時我可以使用任何可能的方法來抓取我的詳細信息無論如何setInterval()使用setInterval() ，所以我真的沒有看到安全案例。

有什么方法可以檢測點擊嗎？

Answer 1

_{全面披露：我在Braintree工作。 如果您還有其他疑問，請隨時與支持小組聯系。}

據我所知，使用Drop-In無法進入標記化過程的中間。 聽起來您正在尋求為用戶創建自定義體驗，這超出了Drop-In用例的范圍 。

常見的Drop-In使用流程是在onPaymentMethodReceived回調之后啟用表單提交按鈕，但是通過創建自定義集成，您可以直接處理客戶端令牌化過程並將其包裝為所需的任何功能：

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
});