1,785 views
この記事は最終更新から 402日 が経過しています。
WEBブラウザ上にテキストを表示し、その下に [クリップボードにコピーする] ボタンを設置する。
このボタンを押すと、WEBブラウザ上の特定領域内のテキストがクリップボードにコピーされる。
ちょっと便利かも。
手順１：clipboard.jsをホームページに設置する。
（１） https://clipboardjs.com/からダウンロードする。
（２） 解凍した中身を自分のホームページスペースにアップロードする。
手順２：[クリップボードにコピーする]を実装し、そのページをアップロードする。
動作サンプルはこちら
https://www.dogrow.net/hp/sample/00008/
HTMLファイルの記述
<html>
<head>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="/xxxxx_mypage_xxxxx/clipboard.js/dist/clipboard.min.js"></script>
<script>
$(function () {
var clipboard = new Clipboard('.mybtn');
});
</script>
</head>
<body>
<pre class="mytext">
あいうえお
かきくけこ
</pre>
<button class="mybtn" data-clipboard-target="#mytext">クリップボードにコピーする</button>
</body>
</html>
アクセス数（直近7日）: ※試験運用中、BOT除外簡易実装済2026-05-13: 0回 2026-05-12: 0回 2026-05-11: 0回 2026-05-10: 0回 2026-05-09: 1回 2026-05-08: 1回 2026-05-07: 0回