Javascript 클립보드에 문자열 저장하기(복사)

Javascript에서 클립보드에 문자열을 복사(ctrl + c)해야 하는 경우 다음과 같이 사용이 가능하다.

 

붙여넣기는 당연히 ctrl + v 이다.

/**
 * [클립보드에 저장]
 *  - 해당 데이터를 복사합니다.
 * @param {String} data 
 */
const copyToClipBoard = (data) => {
    window.navigator.clipboard.writeText(data).then(() => {
        console.log(`copied to clipboard : ${data}`);
    });
}

 

 

+ 예외처리

function copyToClipboard(text) {
  // Clipboard API를 지원하는지 확인
  if (navigator.clipboard) {
    // 텍스트를 클립보드에 복사
    navigator.clipboard.writeText(text)
      .then(() => {
        console.log('텍스트가 클립보드에 복사되었습니다.');
      })
      .catch(err => {
        console.error('클립보드 복사 실패:', err);
      });
  } else {
    // Clipboard API를 지원하지 않는 경우 대체 처리
    console.warn('Clipboard API가 지원되지 않습니다.');
  }
}

// 사용 예시
const textToCopy = '복사할 텍스트';
copyToClipboard(textToCopy);