以前テキストをクリップボードにコピーする実装を試してみましたが、今回はclipboard.jsを使ってクリップボードにコピーする方法を試してみます。 サンプルコード 読み込み方法はいくつかありますが、今回はCDNを使ってみます。 <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script> コピーに使用するボタンを指定します。 new ClipboardJS('.btn'); コピーに関する設定はdata属性で設定できます。 ボタンにテキスト要素を紐づけるのはdata-clipboard-targetを使用します。 <input id="foo" value="サンプルテキストA"> <button class="btn" data-clipboard-target="#
![clipboard.jsを使ってみる](https://cdn-ak-scissors.b.st-hatena.com/image/square/d2ef276f3d6c3d394b673f259853f78661ad81d0/height=288;version=1;width=512/https%3A%2F%2Fcly7796.net%2Fblog%2Fwp-content%2Fuploads%2F2017%2F04%2Fcopy.jpg)