버튼 클릭 시 문구 복사하게 만들기

자... 이게 클릭이야

굳이굳이 블럭처리해서 ctrl + C, V하지 않고 클릭(터치)만으로 복사하는 방법.

 

 

- HTML

<!-- 복사하려는 문구를 value값에 입력 -->
<input type="text" value="산타야 토미야 얌얌이 먹자" id="copyTxt">

<!-- 복사하기 -->
<button onclick="copy()">COPY</button>

 

- JAVA SCRIPT

function copy() {
  // 복사문구값 가져오기
  var copyTxt = document.getElementById("copyTxt");

  // 복사문구 선택
  copyTxt.select();
  copyTxt.setSelectionRange(0, 99999); // Mobile 대응

   // 복사
  navigator.clipboard.writeText(copyTxt.value);

  // 복사완료에 대해 Alert으로 띄우기
  alert("복사되었습니다.");
}

 

- RESULT

 

 

출처: https://www.w3schools.com/howto/howto_js_copy_clipboard.asp