Original Code (ES5)

var copyBtn = document.getElementById('copyBtn');

copyBtn.addEventListener('click', function() {
var copyTxt = document.getElementById('copyTxt');

copyTxt.focus();
copyTxt.select();

document.execCommand('copy');
});

 

Fixed Code (ES6)

let copyBtn = document.getElementById('copyBtn');

copyBtn.addEventListener('click', () => {
let copyTxt = document.getElementById('copyTxt');

copyTxt.focus();
copyTxt.select();

document.execCommand('copy');
});

 

JSFiddle

 

 

Screenshots

 

Comment & Discussion

 

document.execCommand('copy'); 를 이용해서 text를 클립보드로 복사합니다. 복사할 때 해당 텍스트에 focus()로 위치를 잡고 select()로 드래그해서 선택한 것과 같이 만듭니다.

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

This site uses Akismet to reduce spam. Learn how your comment data is processed.