Clipboard API

JavaScript

備忘録。

ある要素の click イベントで、Clipboard API を利用して要素内のテキストをクリップボードにコピーする。

document.querySelectorAll('.copy-to-clipboard').forEach((el)=> {
  el.addEventListener('click', (e) => {
    const text = e.currentTarget.textContent
    navigator.clipboard.writeText(text).then(() => {
      console.log('copied!!');
    });
  }, false)
})