How To - 텍스트를 클립보드에 복사

w3.css

텍스트를 클립보드에 복사

JavaScript를 사용하여 텍스트를 클립보드에 복사하는 방법을 알아보자.

텍스트를 클립보드에 복사

1단계) HTML 추가

<!-- The text field -->
<input type="text" value="Hello World" id="myInput">

<!-- The button used to copy the text -->
<button onclick="myFunction()">Copy text</button>

2단계) JavaScript 추가

function myFunction() {
  // Get the text field
  var copyText = document.getElementById("myInput");

  // Select the text field
  copyText.select();
  copyText.setSelectionRange(0, 99999); // For mobile devices

   // Copy the text inside the text field
  navigator.clipboard.writeText(copyText.value);

  // Alert the copied text
  alert("Copied the text: " + copyText.value);
}

기본 예시

예제 보기