jQueryのプラグイン「clipboard.js」を使うと、どこかをクリックすることで、クリップボードにコピーすることができます。
コピーが成功したらイベントを動かすサンプルも用意しました。
このサンプルは、jQueryとclipboard.jsの読み込みが必要です。
var c1 = new Clipboard('.btn1');
c1.on('success', function(e) {
//デフォルト
});
コピーする対象の文字1
var c2 = new Clipboard('.btn2');
c2.on('success', function(e) {
//選択を解除
e.clearSelection();
});
コピーする対象の文字2
var c3 = new Clipboard('.btn3');
c3.on('success', function(e) {
e.clearSelection();
$('#demo_info').html("「"+e.text+"」をコピーしました").slideDown().delay(1000).slideUp();
});
コピーする対象の文字3