[JavaScript] Copy to Clipboard

Copy content of textarea to clipboard via JavaScript.

Source Code for Demo (html):

index.html | repository | view raw

<!doctype html>
<html>
<head><title>JavaScript Copy to Clipboard</title></head>
<body>
  <textarea id="text">Hello World</textarea>
  <br>
  <button id="copy">Copy Textarea</button>
  <script src="copy.js"></script>
</body>
</html>

Source Code for Demo (JavaScript):

copy.js | repository | view raw

var textareaElm = document.getElementById("text");
var copyBtnElm = document.getElementById("copy");

copyBtnElm.onclick = function(event) {
  textareaElm.select();
  var isSuccessful = document.execCommand('copy');
  if (isSuccessful) {
    textareaElm.value = "Copy OK";
  } else {
    textareaElm.value = "Copy Fail";
  }
}

This comes from the answer of [1]. See the answer for browser support.

Tested on: Chromium 49.0.2623.108 Ubuntu 15.10 (64-bit).

References:

[1]	How do I copy to the clipboard in JavaScript? - Stack Overflow javascript copy to clipboard