以前テキストをクリップボードにコピーする実装を試してみましたが、今回は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="#