わずか2kbのサイズで簡単にテキストコピーのフォーカス機能を実装出来る『clipboard.js』

ツール

特定の文章やソース、URL等をコピーしてもらう時、テキストエリアやフィールドをフォーカスしてコピーするような機能を実装したい時ってありますよね。そんな時便利なのが今回ご紹介する『clipboard.js』。

結構クリップボードにコピーの機能って簡単そうに見えるんですが、Flashを使って実装してるとこが結構多かったので、丁度僕も実装を検討していた機能でもあったこともあり、ここで共有させて頂ければと思います。

No Flashな上に非常に軽量、わずか2kb

スクリーンショット 2015-10-06 17.01.31

Flashを使わない上に、他のフレームワークにも依存しないため結構気軽に使えそうです。インストール等も基本的にはClipboard.jsの説明を辿れば簡単に実装出来るかと思います。

コピー成功失敗の判定も出来るので、コピーした後に何か機能を実装したりすることも可能みたいですね。

簡単にお試し頂けるかと思うので、是非どうぞ〜。

Pagetop