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

2018/7/6 JavaScript入門

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上にあり、選択状態のデータに限ってコピーできる仕様になっています。