Clipboard API, ukázka 1.

Pro kutac.cz/blog

HTML

<div id="output"><b>Výstup</b></div>

<input id="copy-input" type="text" value="http://www.kutac.cz/blog/" readonly>
<button id="copy-button">Kopírovat</button>

CSS

#output {
  float: right;
  text-align: right;
}

#copy-input {
  width: 155px;
}

Babel + JSX

const printOut = (s) => output.innerHTML += `<br>${s}`

const copyInput = document.querySelector('#copy-input')
const copyButton = document.querySelector('#copy-button')

copyButton.addEventListener('click', () => {
	
  // Je podpora pro execCommand('copy') ?
  if (document.queryCommandSupported('copy')) {
  
    // Vybere text uvnitř inputu
    copyInput.select()
    // Zkopíruje vybraný text
    const isCopied = document.execCommand('copy')
    printOut('Kopírování se ' + (isCopied ? '' : 'ne') + 'podařilo.')
    
  }
  
})