Clipboard

execCommand 사용하는 방식

var text='copy my text';
document.addEventListener('copy', (e) => {
  e.clipboardData.setData('text/plain', (text));
  e.preventDefault();
  document.removeEventListener('copy', null);
});

document.execCommand('copy', true);
alert('copy');

clipboard 를 사용하는 방식

var text='copy my text';
navigator.clipboard.writeText(text).then(() => {
    alert('copy');
});

후자를 사용하는 것이 더욱 간단하다는 것을 알 수 있다.

참고로 현재 크립보드의 내용을 쓸때는 아래와 같이 구현한다.

navigator.clipboard.readText().then((text) => {
    console.log('Pasted content: ', text);
});