我可以更改 PayPal 按钮上的事件侦听器以激活复活节彩蛋，然后稍后将其恢复为原始状态吗？

Posted 2023-02-22

【中文标题】我可以更改 PayPal 按钮上的事件侦听器以激活复活节彩蛋，然后稍后将其恢复为原始状态吗？

【英文标题】：Can I change the Event Listener on PayPal buttons to activate an easter egg and then bring it back to original later?

【发布时间】：2021-08-13 10:20:13

【问题描述】：

当有人键入要捐赠的特定金额时，我正在尝试在我的网站上激活复活节彩蛋。

是否有一个选项可以覆盖 PayPal 按钮？因此，如果用户点击 Pay With PayPal 而不是 PayPal 弹出窗口，他将获得一个自定义事件（在我的情况下打开 Bootstrap Modal）。如果他输入正常数量，然后将其恢复正常。

首先可能吗？其次，也许更重要的是，PayPal 是否可以接受，或者他们可以将其视为安全问题？

我的代码（paypal 部分）如下所示：

<script src="https://www.paypal.com/sdk/js?client-id=CLIENT ID"></script>

<div id="paypal-button-container"></div>

<script>
paypal
  .Buttons(
    createOrder: function (data, actions) 
      return actions.order.create(
        purchase_units: [
          
            amount: 
              value: document.querySelector("#donate-amount").value,
            ,
          ,
        ],
      );
    ,
    onApprove: function (data, actions) 
      return actions.order.capture().then(function (details) 
        let submitForm = document.createElement('form');
        submitForm.method = "POST";
        submitForm.action = "/DonateSucess";
        document.body.appendChild(submitForm);
        submitForm.submit();
      );
    ,
  )
  .render("#paypal-button-container"); // Display payment options on your web page

</script>

【参考方案1】：

可以使用 onClick 函数和actions.disable() 或.enable() 进行验证，然后是您希望触发的任何其他逻辑。

有关示例，请参阅https://developer.paypal.com/docs/checkout/integration-features/validation/ 的文档

【讨论】：

嗨，我真的不明白如何使用它来满足我的需要，因为它似乎只禁用按钮，actions.disable 意味着它不会重定向到贝宝或按钮赢了根本不会被“点击”？

经过测试，是的，正是我需要的，非常感谢！！