Angular paste from clipboard

Question

Is there a chance to implement a paste button in Angular.

FE: User copies a link of the website and on my page when he or she hits a button copied link should appear in a textbox.

Thanks!

Possible duplicate of [How do I copy to the clipboard in JavaScript?](https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript) — Edric, Mar 31 '19 at 03:33
https://stackoverflow.com/questions/50138910/angular-on-paste-event-get-content — Ehsan Kiani, Mar 31 '19 at 03:45

score 12 · Accepted Answer · answered Mar 31 '19 at 04:26

12

You can only copy from a webpage programmatically. You cannot programmatically paste anything because this is a security violation. However, you can add

(paste)="onPaste($event)"

to get the pasted clipboard details from control + v

answered Mar 31 '19 at 04:26

Dilshan Liyanage

4,440
2
31
33

score 3 · Answer 2 · answered Nov 05 '21 at 14:17

Now is possible to read Clipboard from the new Clipboard Api like this:

navigator.clipboard.readText().then(
      text => {
        yourVariable = text;
      }
     )
      .catch(error => {
        console.error('Cannot read clipboard text: ', error);
      }
    );

A popup will appear asking to the user if they want to allow this operation.

Angular paste from clipboard

2 Answers2