JavaScriptでクリップボードへコピーする方法

JavaScript

ここではJavaScriptを使ってフォームにデータをクリップボードにコピーする方法を紹介します。
ChromeとSafariは、動作検証済みです。ブラウザによって動作しないことがあるかも知れません。

クリップボードへコピー

<textarea rows="5" id="textarea1"></textarea>
<button type="button" onclick="onclickCopy()">コピー</button>

<script>
function onclickCopy(){
  var copy_text = document.querySelector("#textarea1");
  copy_text.select();
  document.execCommand("copy");
}
</script>

クリップボードへカット

<textarea rows="5" id="textarea2"></textarea>
<button type="button" onclick="onclickCut()">カット</button>

<script>
function onclickCut(){
  var cut_text = document.querySelector("#textarea2");
  cut_text.select();
  document.execCommand("cut");
}
</script>