[jQuery]クリップボードに文字列をコピーするzClip

クリップボードに文字列をコピーするjQueryプラグインを探していたところ。

PHPSPOTのクロスブラウザでクリップボードを扱えコールバック等で便利に使えるjQueryプラグイン「zClip」があったの、それを使ってみることに。

まず、zClipからソースをダウンロードします。
jsとswfファイルがあるので、注意を。

後は、

$("selector").zclip({ path:'ZeroClipboard.swfファイルがあるpath', copy:'コピーを行なう場所をselectorで指定' });

と設定するだけで他にもオプションはありますが実装としては完了。

copyキーのところに設定する値ですが、動的に変わる場合は、function(){return $(selector).val();}とする必要があります。

このプラグインには、問題点もあって、ZeroClipboardを使っていて、IEでのみ「未知の実行時エラーです」が発生する場合にあるように、動的にobjectタグが生成されるので、イベントを引き起こす要素の外側は、divタグにした方がいいでしょう？
(紹介先のエントリーでは、pタグの中に、img要素がネストされている形でした。)

さらに、jQueryのver1.4.2だとtypeメソッドが実装されてないので、1.4.2より大きいバージョンをオススメします。

実装に気をつければ大変便利なプラグインかなと。

Tweet