リンククリックで選択範囲ではなく任意の文字列をコピー

#Javascript
#文字列
#コピー

update:2021.4.9　872view

リンククリックで選択範囲ではなく任意の文字列をコピー

JavaScriptで文字をコピー状態に

inputタグなどで入力した値ではなく、自動選択状態にしたものでもなく

aタグをクリックしたら任意の文字列をコピーした状態にさせる方法です。

aタグの記述はこちらです。

      <a href="#" onclick="copy()">クリック</a>

JavaScriptの記述はこちらです。

<script>
function copy(){
  var moji = "コピーさせた文字列";
  var element = document.createElement("textarea");
  element.setAttribute("id", "target");
  element.setAttribute("type", "hidden");
  element.textContent = moji;
  document.body.appendChild(element);

  element.select();
  document.execCommand('copy');
}
</script>