Copy data to clipboard

copy-to-clipboard.html

<button data-clipboard-copy-content="copy this content">Copy</button>

copy-to-clipboard.js

function copyToClipboard(data) {
  // Create a "hidden" input
  var aux = document.createElement("input");
  // Assign it the value of the specified element
  aux.setAttribute("value", data);
  // Append it to the body
  document.body.appendChild(aux);
  // Highlight its content
  aux.select();
  // Copy the highlighted text
  document.execCommand("copy");
  // Remove it from the body
  document.body.removeChild(aux);
}


// using javascript
var clickers = document.querySelectorAll('[data-clipboard-copy-content]');
for (var i = clickers.length - 1; i >= 0; i--) {
  clickers[i].addEventListener("click", function(ev) {
    copyToClipboard(ev.target.dataset.clipboardCopyContent);
  });
}


//using jQuery
$('[data-clipboard-copy-content]').click(function(ev) {
  copyToClipboard(ev.target.dataset.clipboardCopyContent);
});