프로그래밍 언어/Javascript

Javascript) http에서 클립보드 쓰기 기능 사용하기

seungyoon 2021. 12. 1. 11:44

클립보드에 내용을 저장하려고 할 때 사용하는 navigator.clipboard는 보안상의 이슈로 인해 https에서만 사용 가능한 객체다. 그때 야매로 사용할 수 있는 방법 !

var dataToClicpboard = "클립보드에 저장할 내용"
let textArea = document.createElement("textarea");
textArea.value = dataToClicpboard;
textArea.style.display = "fixed";
textArea.style.left = "-999999px";
textArea.style.top = "-999999px";
document.body.appendChild(textArea);
textArea.focus();
textArea.select();
return new Promise((res, rej) => {
    document.execCommand('copy') ? res() : rej();
    textArea.remove();
    alert("Copied!")
})

References