Clipboard.js

<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">

<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
    <img src="assets/clippy.svg" alt="Copy to clipboard">
</button>

Copying text to the clipboard shouldn’t be hard. It shouldn’t require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn’t depend on Flash or any bloated framework. That’s why clipboard.js exists.

Great to see that this is possible without Flash, but must admit that I’m not too fond of the API and how to use it. For example the name data-clipboard-target is wrong, as it’s the source, not the target. On a sidenote I’m looking forward to the Clipboard API and events spec 😉

Clipboard.js →
Clipboard.js Source (GitHub) →

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.