[자바스크립트/JavaScript] 텍스트를 클립보드로 복사하기

 

 

 

" document.execCommand('copy') 활용 "

 

 

 

일단 복사를 하려면 무조건 저 document.execCommand('copy')를 써야하는데, 이것은 범위를 선택한 후 사용이 가능하다.

그래서 기본 방법은 무조건 textarea를 통해서 사용해야한다.

 

 

 

 

const textarea = document.querySelector('.textarea');

textarea.select();

document.execCommand('copy');

 

 

 

 

 

그래서 처음부터 textarea를 쓰면 편하긴 한데, 그렇지 않고, div, p 등의 태그를 사용할 때가 있다.

근데 이런 태그들은 select() 함수를 쓸 수가 없어서 따로 textarea를 만들어서 해당 태그의 값을 넣은 후 진행 해야 한다.

 

 

 

 

var text = result.innerText;

const textarea = document.createElement('textarea');

textarea.value = text;

resultBox.appendChild(textarea);

textarea.select();

document.execCommand('copy');

resultBox.removeChild(textarea);