Fast Copy To Clipboard Library – ClipLab

Category: Javascript , Text | November 24, 2020
Views Total:274 views
Official Page:Go to website
Last Update:November 24, 2020


Fast Copy To Clipboard Library – ClipLab


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

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" 
        Copy Content From Input
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