如何在点击事件上粘贴剪贴板数据?

时间:2019-02-08 09:55:58

标签: javascript angular onclick clipboard paste

我想知道如何在我的角度应用程序中的单击事件中从剪贴板粘贴数据。 我尝试使用此document.execCommand('paste'),但我认为我没有许可。我尝试了这个:

我在我的角度应用程序中创建了一个 manifest.json

{
    "manifest_version": 2,
    "name": "App name",
    "description": "App description",
    "version": "1.0",
    "app": {
        "urls": [
            "http://localhost:4200/"
        ],
        "launch": {
            "web_url": "http://localhost:4200/"
        }
    },
    "icons": {
        "128": "x-128.png"
    },
    "permissions": [
        "clipboardRead",
        "clipboardWrite"
    ]
}

但是当我执行console.log(document.execCommand('paste'))并返回false时它不起作用

唯一起作用的是:

.html文件:

<textarea name="link" class="form-control" required (paste)="pasteUrl($event.clipboardData.getData('text/plain'))"
  ngModel  placeholder="Share a Link"></textarea>

.ts文件:

pasteUrl(e){
  console.log(e);
}

但这是粘贴事件。我不知道是否可以单击事件,并认为单击此按钮可以从剪贴板获取粘贴数据。

编辑: 不是

的副本
  

获取当前剪贴板内容? [关闭]

因为我使用的是Angular,但是我无法使用angular访问window.clipboardDatanavigator.clipboard

0 个答案:

没有答案