JavaScriptでクリップボードにelementのvalueをコピーする

やること

• ボタンをクリックしたときにelementのvalueをコピーする
• jQueryは使わない

コード

textareaを用意して、文字を入れて、全選択して、コピーする

JavaScript

  function copyToClipboard(element) {
    var text = document.createElement("textarea");
    text.classList.add('hidden'); 
    text.value = element.value;
    document.body.appendChild(text);
    text.select();
    document.execCommand("copy");
    text.remove();
    alert('Copied!!');
  }

CSS

.hidden {
    display: none;
}

HTML

<!-- idを引数にしたら、elementが変数に入ってる状態になるんだね、知らなかった -->
<button name="button" type="submit" onclick="copyToClipboard(target)">コピーする</button>
<input type="hidden" id="target" value="aaaaaaaaaa">