1,264 views
この記事は最終更新から 1694日 が経過しています。
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=mybtndata-clipboard-target='#mytext'>クリップボードにコピーする</button>
</body>
</html>