IE以外でクリップボードにコピーが利用できる「ZeroClipboard」

Check このエントリーをはてなブックマークに追加

配布元:Zero Clipboard
ライセンス:LGPL

ZeroClipboardはIE以外のブラウザでクリップボードにコピーの機能が利用できるJavaScriptライブラリだ。

Flashの機能を利用しており、Flash Player10以上にも対応している。

使い方

ダウンロードしたZeroClipboard.jsをhead要素などで読み込みます。

<script type="text/javascript" src="ZeroClipboard.js"></script>

同梱されている「ZeroClipboard.swf」をサーバーにアップしておきscript要素で以下のように設定します。

window.onload = function(){
	ZeroClipboard.setMoviePath("ZeroClipboard.swf");
	clip = new ZeroClipboard.Client();
	clip.glue("test");
}

ZeroClipboard.setMoviePathではアップした「ZeroClipboard.swf」のパスを設定しclip.glue(“…”);ではクリップボードへ登録のトリガーになる要素を指定します。

input要素のonchangeには以下のように設定。

<input type="text" value="..." onchange="clip.setText(this.value)"/>

ボタンにはscript要素で指定したidを指定します。

<input type="button" value="コピー" id="test"/>

これでクリップボードへのコピーが利用可能になります。

サンプル

スポンサードリンク

コメント

カテゴリー:クリップボード ライブラリ