Javascript/剪贴板 API/Safari iOS/NotAllowedError 消息

Question

我有一个简短的问题。当我按下一个使用 ajax 请求将数据获取到剪贴板的按钮时，我想在我的 iOS 设备上的剪贴板上添加一个文本。

使用我桌面上的浏览器和我的 Android 设备，它运行良好，但使用我的 iOS 设备时出现问题。

$.ajax({
            type: "GET",
            url: "missing_string.php",
            data: getAttributes($(this)),
            success: function(data) {
                if (navigator.clipboard) {
                    navigator.clipboard.writeText(data)
                        .then(() => {
                            alert("SUCCESS");
                        })
                        .catch(err => {
                            alert(err);
                            console.log('Something went wrong', err);
                        });

所以我收到以下错误消息:

NotAllowedError: the request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.

如何让我的文本到剪贴板？我使用 iOS 13.5 和 13.4 应该支持剪贴板 API。

Answer 1

https://webkit.org/blog/10247/new-webkit-features-in-safari-13-1/

Async Clipboard API
WebKit brings the Async Clipboard API to this release of Safari...

you should read it

TLDR:
该实现可通过 navigator.clipboard 获得。必须在用户事件中调用的 API
您正试图通过 API 调用而不是在用户交互的上下文中复制到剪贴板。这是不允许的。