貼り付けサンプル
vimeo動画などのパスワードを動画下に置いて、ワンタップで簡単にコピーできる機能を提供します。
①をタップするとテキストを選択可能に
②をタップするとコピーされます。
その後動画などのパスワード入力欄に張り付けができます。
手順
事前準備（1回だけの作業）
環境設定 ＞ アクセス解析タグの挿入 ＞ [HTML下部] にJSタグ追加します。
<!-- パスワードのワンタップコピー用JS ここから -->
<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.13/clipboard.min.js"></script>
<script>
var clipboard = new Clipboard('.copy_btn'); //clipboard.min.jsが動作する要素をクラス名で指定
//クリックしたときの挙動
$(function(){
$('.copy_btn').click(function(){
$(this).text('コピーしました'); //テキストの書き換え
});
});
</script>
<!-- パスワードのワンタップコピー用JS ここまで -->保存ボタンを押して完了です。
ページにタグを張り付ける（設置するごとの作業）
張り付けたいページの見出しを開きます。
▼パスワードは以下をコピー貼り付けしてください。<br />
<div class="input-group" style="max-width:300px;">
<input type="text" value="★PASS★" class="form-control" onclick="this.select();">
<div class="input-group-btn">
<a class="btn btn-success copy_btn" data-clipboard-text="★PASS★">コピー</a>
</div>
</div>こちらのコードをコピーします。
★PASS★ と書かれたところをパスワードにします。
見出しに張り付けます