Clipboard API, ukázka 2.

Pro kutac.cz/blog

HTML

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

<p>
  Když nevíš, podívej se na <a id="copy-link" href="http://www.kutac.cz/blog/">www.kutac.cz/blog</a>
</p>
<p>
  <button id="copy-button">Kopírovat URL</button>
</p>

CSS

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

JavaScript

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

const copyLink = document.querySelector('#copy-link')
const copyButton = document.querySelector('#copy-button')

copyButton.addEventListener('click', () => {
	
  // Je podpora pro execCommand('copy') ?
  if (document.queryCommandSupported('copy')) {
  
    // Vytvoří výběr
    const range = document.createRange()
    range.selectNode(copyLink)
    window.getSelection().addRange(range)

    // Zkopíruje výběr do schránky
    const isCopied = document.execCommand('copy')
    printOut(isCopied ? 'Zkopírováno' : 'Kopírování se nezdařilo')

    // Zruší výběr
    window.getSelection().removeRange(range)
    
  }
  
})