execCommand 메서드를 이용하여 클립보드에 복사를 구현할 수 있습니다.
<button id='btn1'>복사</button>
function copyToClipboard(val) {
var t = document.createElement("textarea");
document.body.appendChild(t);
t.value = val;
t.select();
document.execCommand('copy');
document.body.removeChild(t);
}
const btn = document.getElementById('btn1');
btn.addEventListener('click', () => {
copyToClipboard('복사된 텍스트');
alert('복사 완료!');
});
모든 브라우저에서 호환되기 위해서 clipboard.js 라이브러리를 사용하는 것을 추천합니다.
반응형
'javascript' 카테고리의 다른 글
모듈 사용하기 import, export (0) | 2021.01.22 |
---|---|
옵셔널 체이닝(optional chaining) ?. (0) | 2020.12.08 |
배열에서 원하는 객체 찾기 (0) | 2020.09.10 |
Array의 메서드 some, every (0) | 2020.08.24 |
객체 복사 참조하지 않게 하기 (0) | 2020.07.23 |