clipboard.js でウェブサイトにクリップボードにコピーボタンを作る

javascript

JavaScript からクリップボードを扱うために clipboard.js を使ってみたのでメモ。
これまで ZeroClipboard を使っていたのですが、Flash ももう少しでサポート終了ですかｒね。

clipboard.js — Copy to clipboard without Flash

A modern approach to copy text to clipboard
No Flash. No frameworks. Just 3kb gzipped

使い方は簡単で、こんな感じで組み込みできます。

<script src="//cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
<button class="btn" data-clipboard-text="hoge">hogeをクリップボードにコピー</button>
<script>new ClipboardJS('.btn');</script>

実際の動作例はこんな感じです。

by hsur at 14:38 [5年前][4年前][3年前][2年前][1年前][1年後][2年後][3年後][4年後] |

こんな記事もあります「clipboard.js btn Flash」

・VMware ESXi を狙ったランサムウェアが発生している
・2022 年の人気エントリ Top 100
・LVM + ext4 のディスクをオンラインのまま拡張する
・Ruffle で昔の .swf を再生する
・2021 年の人気エントリ Top 100
・ssh の RSA キーファイルから素数を取り出してみた
・EOL になった Flash は削除を
・2020 年の人気エントリ Top 100
・Firefox 84 にアップデート
・Flash Player の最後のアップデート

トラックバックについて

Trackback URL:

お気軽にどうぞ。トラックバック前にポリシーをお読みください。[policy]

このエントリへのTrackbackにはこのURLが必要です→https://blog.cles.jp/item/11801

Trackbacks

このエントリにトラックバックはありません

Comments

愛のあるツッコミをお気軽にどうぞ。[policy]
古いエントリについてはコメント制御しているため、即時に反映されないことがあります。

コメントはありません

Comments Form

コメントは承認後の表示となります。
OpenIDでログインすると、即時に公開されます。

OpenID を使ってログインすることができます。

« 厚労省の新型コロナ接触確認アプリ COCOA :: MS Teams と Skype が相互通話できるように »

サイト内検索

検索ワードランキング

へぇが多いエントリ

閲覧数が多いエントリ

1 . svn でコミットしたらエラーが出たので(810)
2 . RT810 の DHCP サーバを WPAD に対応させる(693)
3 . アーロンチェアのポスチャーフィットを修理(661)
4 . 福岡銀がデマの投稿者への刑事告訴を検討中(632)
5 . シャープの空気清浄加湿器のキュルキュル音対策は PTFE テープで(544)

cles::blog

clipboard.js でウェブサイトにクリップボードにコピーボタンを作る