用途
新着
履歴
分類

JS クリックでコピー

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

公開 2019-08-03 12:30:15
このページの二次元コード
JS クリックでコピー

同じカテゴリーのサンプル

人気のサンプル

search -  category -  about
© 2024 kipure
Top