[Javascript] 対象文字列をクリップボードにコピー

Javascriptを使用して、対象の文字列をクリップボードにコピーするには以下のコードを実装する

HTML部分

<input id="copyTarget" type="text" value="コピー対象の文字列" readonly>
<button onclick="copyToClipboard()">Copy text</button>

Javascript部分

<script>
    function copyToClipboard() {
        // コピー対象をJavaScript上で変数として定義
        var copyTarget = document.getElementById("copyTarget");

        // コピー対象のテキストを選択
        copyTarget.select();

        // 選択しているテキストをクリップボードにコピー
        document.execCommand("Copy");

        // コピーを通知
        alert("コピー完了! : " + copyTarget.value);
    }
</script>

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です