Using the new Async Clipboard API

March 25, 2018 0 Comments

Using the new Async Clipboard API

 

 

Shipping with Chrome 66 is an implementation of the new Async Clipboard API. Its asynchronous nature makes it the preferred way – over document.execCommand – to perform copy-paste operations in the browser.

// Write Text to the Clipboard (e.g. copy) navigator.clipboard.writeText('Text to be copied') .then(() => { console.log('Text copied to clipboard'); }) .catch(err => { // This can happen if the user denies clipboard permissions: console.error('Could not copy text: ', err); }); // Read Text from Clipboard (e.g. Paste) navigator.clipboard.readText() .then(text => { console.log('Pasted content: ', text); }) .catch(err => { console.error('Failed to read clipboard contents: ', err); });

Unblocking Clipboard Access →


Tag cloud