Copy Text to Clipboard

This styling is an extra step which is likely not required.

Why is it here? To ensure:

1. the element is able to have focus and selection.
2. if element was toflash render it has minimal visual impact.
3. less flakyness with selection and copying whichmight occur if the textarea element is not visible.

The likelihood is the element won't even render, not even a flash, so some of these are just precautions. However in IE the element is visible whilst the popup box asking the user for permission for the web page to copy to the clipboard. Place in top-left corner of screen regardless of scroll position.

Usage

You will need Node.js installed on your system.

$npm i @uiw/copy-to-clipboard

importcopyTextToClipboardfrom'@uiw/copy-to-clipboard';copyTextToClipboard('test',(isCopy)=>{console.log('isCopy:', isCopy);});

Or manually download and linkcopy-to-clipboard in your HTML, It can also be downloaded viaUNPKG:

<scriptsrc="https://unpkg.com/@uiw/copy-to-clipboard/dist/copy-to-clipboard.umd.js"></script><scripttype="text/javascript">copyTextToClipboard('test',(isCopy)=>{console.log('isCopy:', isCopy);});</script>

Contributors

As always, thanks to our amazing contributors!

Made withcontributors.

License

Licensed under the MIT License.