[JavaScript]HTML内に埋め込んだ文字列をクリップボードにコピーしたい

Question

<div>
  <p hidden id='target'>
    テスト
  </p>
</div>

document.getElementById("button").onclick = function() {
  // ここに処理を書くイメージ。ボタンは別途HTML内に実装予定。
};

上記のようなHTMLがあります。
ここで、「ある特定のボタンをクリックしたときに**id=target内にある文字列'テスト'**をクリップボードにコピーするような実装をJavaScriptで行いたいのですが、
こちらの方法が分からず・・・。

どなたかご教授いただけないでしょうか。

Comments

[yambejp]

改行＋スペースいっぱい＋テスト＋改行ではなく
「テスト」だけをコピーするのでしょうか？

[Lhankor_Mhy]

あー、それは考えてなかった……

[yomigi]

>改行＋スペースいっぱい＋テスト＋改行ではなく
>「テスト」だけをコピーするのでしょうか？

こちらの想定でした。
あれ。。今いただいているご回答で動作したようなのですが・・

Answer 1

こんにちは。

IE11では動かないと思いますが、こちらはいかがでしょうか。

サンプル

  function copyOverrideOnce(s){
    document.addEventListener('copy', function(e){
        e.clipboardData.setData('text/plain', s);
        e.preventDefault();
      },
      {once:true}
    );
  }
  function _copy(s) {
    copyOverrideOnce(s);
    document.execCommand("copy");
  }

document.getElementById("button").onclick = function() {
  _copy(document.getElementById("target").textContent)
};

Comments

[yomigi]

こちらで動作しました！ありがとうございます。