JS クリックでコピー

ボタンをクリックするとテキストなどをコピーするJSのサンプルです。

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

2018-04-01 22:53:28

top