웹코딩/javascript

clipboard copy code

quantumcode 2024. 8. 16. 20:31
728x90

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>

 

 

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);
}

 

 

'웹코딩 > javascript' 카테고리의 다른 글

document 로드 상태 확인  (0) 2024.08.26
async , await 정의 및 사용방법  (0) 2024.08.18
JSON.stringify() 사용법  (0) 2024.08.15
slick slider : 반응형 구현  (0) 2024.08.06
split/substr/substring  (0) 2022.04.13