navigator.clipboard API

Studying from and writing to the person’s clipboard may be each a really helpful and harmful functionality. Used accurately and it is an enormous comfort to the person; used dubiously and the person might undergo catastrophic penalties. Think about a unsuitable account quantity or pockets handle being copied — yikes! That is why programmatic copy and pasting must be protected, and why the JavaScript Clipboard API requires express person permission to permit a web site to make use of it.

To learn to the person’s clipboard, you utilize the readText methodology:

const clipboardData = await navigator.clipboard.readText();

To write down to the person’s clipboard, you utilize the writeText methodology:

await navigator.clipboard.writeText('');

The API is clearly very straightforward to make use of — every methodology returns a Promise so you should use async/await or then callbacks. The tough half is hanging the stability of when to make use of every. Pointless reads will really feel invasive, and pointless writes will considerably dissolve person belief.

When could you need to write to the clipboard? Probably after the person pastes a seed phrase, password, or bank card quantity into likewise named type fields.

Certain you should use the quite a few libraries obtainable to simulate this API, however know that an official API does exist. And as all the time, I am educating you learn how to use it — it is as much as you to make sure it is the precise time and gear for the job!