（続）クリップボードにコピー

クリップボードにコピーという要件

前回の記事（2013年10月23日）で、WEBページ上のURLとかE-mailアドレスなどの情報をクリップボードにコピーするために、デスクトップなどフラッシュが使えるブラウザではjQuery + jQuery zClipプラグインでクリップボードにコピー、フラッシュが使えないiPadのブラウザなんかではpromptに出力して「全選択 > コピー」という方法を取りました。

その後、2015年4月にChrome43+などでcommandExec("copy")が使えるようになりました。時間がだいぶと開いていますが、その続きです。

結果として、commandExec("copy")を使えるデスクトップブラウザなどでは、jQueryなしのPure JavaScriptで実現、タブレットなどcommandExec("copy")が使えない場合は前回同様、promptでテキストを出力、「全選択 > コピー」で対応します。

Demo

 

おわり

デモのソースの通り、jQuery無し、jQueryプラグイン無しで、25行程度のJavaScriptでできるようになりました。

iPhoneやiPadのブラウザでも早く使えるようになるといいなぁ〜。

参照サイト

• Cut and Copy Commands | Web Updates - Google Developers （2015年4月の記事）

関連記事

• クリップボードにコピー、、、の覚え書き （2013年10月27日の記事）