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