Webにおいて常に問題視されるのがクリップボードの扱いです。テキストや画像をコピーするためにいつも選択するのは面倒ですし、HTMLの装飾までくっついてきてしまうのも難点です。 そこで使ってみたいのがClipBoardです。Flashを使っていないクリップボード操作ライブラリです。

ClipBoardの使い方

簡単な使い方です。これでHelloという文字がコピーされます。

<button id="btn" data-copy-content="Hello">copy 'Hello'</button>
<script>
    // fast bind
    superClipBoard.bind(document.getElementById('btn'));
</script>

HTMLのテーブル形式でコピーすることでExcelへの貼り付けにも使えます。

リンクやボタンでなくとも使えます。

ClipBoardはクリップボードのAPIを提供しているブラウザでのみ使えます。Safariでは使えないので注意してください。コピーした際などのコールバック処理も行えるので、コピー失敗したブラウザにはプロンプトを表示するといった仕組みが良いでしょう。

ClipBoardはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

milan-hwj/ClipBoard: Copying text to the clipboard with javascript,high performance,no Flash, no dependece