【jQuery】ページ読み込み時に変数に格納した文字列をクリップボードにコピー

前提・実現したいこと

「ページ読み込み時」に「変数に格納した文字列」をクリップボードにコピーさせたいのですが、上手く動きません。。

コピー方法を調べたら、select()でテキストを選択状態にして、document.execCommand("copy")でクリップボードにコピーするというシンプルな方法だったのですが、、、

いろいろコードをいじっている時に、「ページ読み込み時」ではなく「ボタンをクリック時」なら動いたのですが、、、ページ読み込み時にコピーさせるのは無理なのでしょうか。

使用言語：jQuery　バージョン1.11.2

該当のソースコード

$(function(){

	var tgt = $(".add-ele__domain");
	var tgtText = "コピー元テキスト";

	$("body").append("<textarea class=\"add-ele__domain\"></textarea>");
	tgt.text(tgtText).select();
	document.execCommand("copy");

});

行動規範の内容に同意します

回答2件

ベストアンサー

ページ読み込み時にコピーさせるのは無理なのでしょうか。

今回はこれに該当しているのでしょうね。
実際クリップボードというのはFile APIの次に悪用されると結構ヤバイ要素だと思いますよ。

例えばページを開いた瞬間に、アクセスした人のクリップボードの中身を取り出して、
Ajaxでどっかのサーバに盗み出すということは出来そうですね。
例えば取引先のメールアドレス、調べ物している最中の単語、パスワード辞書ツールのパスワード、ID、推敲中の機密文書の段落…辺りが断片的ですがIPアドレスと共に抜き出せます。
時刻とIPアドレスが分かれば固定IP使っている企業くらいなら特定できそうですね。

ペーストも、例えば児童ポルノのURLをこっそり偲ばせるような悪戯で
人の一生を左右される大事件に発展する可能性も大いにありえます。
単純所持がアウトなのに、仕事中サボって児童ポルノを漁ってたらしいぞとなった日には即懲戒解雇もあり得るわけです。

というわけで、クリップボードの読み書きはどちらもガチガチにガードされていて当然でしょう。
MDNではタイミングによって使えたり使えなかったりします…という感じで書かれていますが、
これを扱えるのはクリックやキーボード等の操作時以外は使えないと思います。

投稿2018/02/16 07:51

編集2018/02/16 08:08