Copy to Clipboard jQuery Plugin | CTCP

jQuery Copy to Clipboard Plugin – Copy any text to the user site’s clipboard and this plugin that enables you to copy text from any elements to your clipboard.

Copy A Text String From An Input Element | angular-clipboard

How to make use of it:

1. Download and load the jQuery copy to clipboard plugin after the jQuery library and we’re ready to go.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="jquery.copy-to-clipboard.js"></script>

2. Create a ‘copy to clipboard’ button and specify the text to be copied utilizing data-clipboard-text attribute.

<button class="btn btn-primary" 
        data-clipboard-text="Text to be copied">
        Copy text speficied in the data-clipboard-text attribute.
</button>

3. Create a ‘copy to clipboard’ button that permits you to copy text from a specified to the clipboard.

<button class="btn btn-primary" 
        data-clipboard-target=".demo">
        Copy text from textarea.
</button>

<textarea class="demo">
  Text to be copied.
</textarea>

4. Execute the ‘Copy to clipboard’ perform manually.

$('button').click(function(){
  $(this).CopyToClipboard();
});

Copy Any Text Into Your Clipboard, Copy to Clipboard Plugin/Github


See Demo And Download

Official Website(milankyncl): Click Here

This superior jQuery/javascript plugin is developed by milankyncl. For extra Advanced Usages, please go to the official website.

Related Posts

Confetti-Falling-Animation-Effect-party

Confetti Falling Animation Effect In JavaScript | party.js

Party.js is a JavaScript library to brighten user site experience with visual effects! Celebrate success with dom confetti! The library is written in TypeScript and compiled into…

Star-Rating-JavaScript

Select Box Based Star Rating JavaScript Library | star-rating.js

star-rating.js is a small JavaScript library to create a customizable and gradually improved star rating control from a regular tick box with numeric values. The ES6 module…

Bootstrap-Show-Notification

Corner Fixed Notifications Alerts With Bootstrap | BS4 Show Notification

Bootstrap Notification is an easy-to-use jQuery plugin that uses the Bootstrap Alerts component to create static, rejectable, and stackable notification popups in the upper right corner of the…

Stackable-Multi-level-Sidebar-Menu

Create Stackable Multi-level Sidebar Menu | HC Off-canvas Nav

Multi-Level Sidebar Slide Menu – HC MobileNav is a jQuery plugin for creating multi-level, mobile-first, totally accessible, off-canvas facet navigation that helps the infinite nesting of submenu…

bootstrap-5-bs-toaster

A Bootstrap 5 Toast Notification Framework Library | bs-toaster

bs-toaster is simple to instantiate bs-toaster and create multiple toasts effortlessly using native Bootstrap 5! Feature Facts Small and clean Modern browser support. No IE sorry 💥…

Skeleton-Screen-Loading-In-Pure-CSS

How to Create a Skeleton Screen Loading In Pure CSS

Skeleton Screen CSS is a complete set of elements for a hierarchical screen consisting of pure CSS. The source includes scss and compiled thumbnail and non-thumbnail CSS…