UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

【JavaScript】クリップボードにコピー

よくあるコンテンツをシェアするためのURLのコピーをJavaScriptで行いたい

Twitterでいうと以下の「ツイートのリンクのコピー」をクリックしてクリップボードにコピーする機能

f:id:uggds:20200702003414p:plain:w200

調べてでてきた方法は4通り

  1. Document.execCommand("copy")
  2. ClipboardEvent.clipboardData
  3. Async Clipboard API
  4. Clipboad.js

しかし、1.のDocument.execCommand()は機能として廃止されたというのがMDNのドキュメントに書かれていた

この機能は廃止されました。まだいくつかのブラウザーで動作するかもしれませんが、いつ削除されてもおかしくないので、使わないようにしましょう。

https://developer.mozilla.org/ja/docs/Web/API/Document/execCommand

2.ClipboardEvent.clipboardDataと3.Async Clipboard APIIEが使えないそうなのでライブラリを入れたくなかったがClipboad.jsを使うことにする

clipboardjs.com

参考

https://qiita.com/butakoma/items/642c0ec4b77f6bb5ebcf