Fast Copy To Clipboard Library – ClipLab

Category: Javascript , Text | November 24, 2020
Author:MoralistFestus
Views Total:260 views
Official Page:Go to website
Last Update:November 24, 2020
License:MIT

Preview:

Fast Copy To Clipboard Library – ClipLab

Description:

A lightweight, fast, performant JavaScript library that enables visitors to copy any text to the clipboard for further use.

How to use it:

1. Insert the ClipLab library into the document.

<script src="./src/cliplab.js"></script>

2. Create a Copy button and define the text to be copied in the data-copy-text attribute.

<button id="copyme" 
        data-copy-text="This text will be copied">
        Copy Me
</button>

3. Initialize the ClipLab library on the Copy button and done.

new ClipLab("#copyme");

4. Or enable the Copy button to copy text from another element like input field.

<input class="input" value="Press Copy to copy this text"></input>
<button id="example" 
        data-attr-selector=".input">
        Copy Content From Input
</button>
new ClipLab("#example");

5. Event handlers.

const copyText = new ClipLab("#example");
copyText.onCopied = function(copy) {
  alert("Copied: " + copy)
};
copyText.notCopied = function(copy) {
  window.prompt("Ctrl+C: ", copy);
};

You Might Be Interested In:


Leave a Reply