JavaScriptでクリップボードにコピーする方法(Firefox/Chrome等)

JavaScriptで選択テキストをクリップボードにコピーするには、

document.execCommand('copy');

を実行します。

下のサンプルコードは、 「テキスト入力エリア」をクリックすると、 「テキスト入力エリア」の内容がコピーされます。

<input type="text" id="hoge" value="sample" onclick="test()">

<script>

    function test(){
        document.getElementById("hoge").select();
        document.execCommand("copy"); 
    }

</script>

順番としては、

  • まずテキスト入力エリアを選択状態にする
  • 次に「document.execCommand('copy');」を実行

何でもかんでもクリップボードにコピーできるのは、 セキュリティ上問題がありますから、HTML上にあり、 選択状態のデータに限ってコピーできる仕様になっています。

スポンサードサーチ

シェアする

  • このエントリーをはてなブックマークに追加

フォローする