반응형
자바스크립트 파일 다운로드 코드와 유사하다.
textarea를 만든 후, textarea의 value에 text를 입력한다.
그리고 textarea를 선택(select)한 후, 복사한다.
이후 불필요한 textarea를 다시 제거한다.
const copyToClipBoard = (text) => {
let textarea = document.createElement("textarea");
document.body.appendChild(textarea);
textarea.value = text;
textarea.select();
document.execCommand("copy");
document.body.removeChild(textarea);
}
하지만 execCommand는 더 이상 권고되지 않는다.
대체 방안으로 navigator를 이용하면 된다.
const copyToClipBoard = (text) => {
navigator.clipboard
.writeText(text)
.then(() => console.log(`copy ${text}`))
.catch((e) => console.log(e));
};
readText를 이용하면 클립보드에 저장된 내용을 읽을 수도 있다.
const readClipBoard = () => {
navigator.clipboard
.readText()
.then((text) => console.log(`copy ${text}`))
.catch((e) => console.log(e));
};
반응형
'개발 > JavaScript' 카테고리의 다른 글
자바스크립트 - 배열 정렬하기 (Sorting) (0) | 2023.06.24 |
---|---|
자바스크립트 - 펼침 연산자로 문자열을 배열로 바꿔 수정하기 (Change String using Spread Operator) (0) | 2023.06.22 |
자바스크립트 - 깊은 복사 (Deep Copy) (0) | 2022.05.21 |
자바스크립트 - 파일 다운로드 (JavaScript File Download) (0) | 2022.05.21 |
html input 태그에서 비밀번호 표시 여부 설정하기 (0) | 2022.03.09 |
댓글