영원히 흘러가는 강
클립보드 복사 본문
728x90
포토폴리오 혹은 회사의 주소를 클립보드에 복사하는 기능 구현!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>텍스트 복사</title>
</head>
<body>
<h1>복사하기 구현</h1>
<input type="text" value="ryugaram.tistory.com" id="text" readonly >
<button id="copy">복사</button>
<script type="text/javascript">
document.getElementById("copy").onclick=()=> {
let text=document.getElementById("text");
text.select(); //input text 나 textarea 드래그한 효과
document.execCommand("copy"); //선택영역의 값 복사
alert("복사완료");
}
</script>
</body>
</html>
오늘의 배운점 !
text.select() 와 document.execCommand()
728x90
'html+css+js > JavaScript' 카테고리의 다른 글
| 자바스크립트 동작 원리 (0) | 2021.06.30 |
|---|---|
| Callback 과 Promise 그리고 Async,await (0) | 2021.06.18 |
| 노마드 코더 (바닐라js로 그림판 만들기) (0) | 2021.03.29 |
| 바닐라 자바스크립트 타자게임 (0) | 2021.03.19 |
| 노마드 코더 바닐라 자바스크립트 (0) | 2021.03.12 |
'html+css+js/JavaScript' Related Articles
more
Comments