阻止移动视图中的弹出窗口 securionpay

Question

我已经从参考链接https://securionpay.com/docs/checkout#custom-integration实现了securepay的演示

我使用了如下的自定义集成

<script src="https://securionpay.com/checkout.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        SecurionpayCheckout.key = 'key';
        SecurionpayCheckout.success = function (result) {
            // handle successful payment (e.g. send payment data to your server)
        };
        SecurionpayCheckout.error = function (errorMessage) {
            // handle integration errors (e.g. send error notification to your server)
        };

        $('#payment-button').click(function () {
            SecurionpayCheckout.open({
                checkoutRequest: 'xyz=',
                name: 'SecurionPay',
                description: 'Checkout example'
            });
        });
    });
</script>

<button id="payment-button">Payment button</button>

这里集成工作正常。但是当我想在加载页面上打开弹出窗口而不是单击按钮时，它会在移动视图中被浏览器阻止。所以如何防止在不允许浏览器的情况下阻止使用 JavaScript。 出现错误：Uncaught TypeError: Cannot read property 'focus' of null

Answer 1

您无法使用 onload 打开 Checkout。用户必须明确请求弹出窗口，否则浏览器将阻止它。请查看this 问题了解更多信息。