navigator.clipboard.readText()的等效代码是什么?

时间:2018-12-16 09:54:56

标签: angular clipboarddata clipboard-interaction

navigator.clipboard.readText()
  .then(text => {
    // `text` contains the text read from the clipboard
  })
  .catch(err => {
    // maybe user didn't grant access to read from clipboard
    console.log('Something went wrong', err);
  });

above code is from

我需要从剪贴板中读取有角单击按钮的情况
该怎么做?

2 个答案:

答案 0 :(得分:0)

通过主机监听器从此TypeScript How to paste data from clipboard using a button?

  @HostListener("window:copy",['e'])
  windowCopy(e:ClipboardEvent){
      this.clipboardContent = window.getSelection().toString();
      console.log(this.clipboardContent)
  }

答案 1 :(得分:0)

根据您的问题,我发现您缺少重要的内容。您的角度应用程序是用typescript编写的,即:

  

JavaScript的类型化超集,可编译为纯JavaScript

这意味着您提到的clipboard API可以按角度使用!正如您在使用您的代码的DEMO中所看到的。

目前,打字稿的类型为DefinitelyTyped,类型为navigator,但是很遗憾,它仍然不包含剪贴板API,因为它仍然是非标准DOM API 在此git已关闭的问题中看到- Missing 'Navigator.clipboard' (clipboard asynchronous API)