728x90
반응형
[JavaScript] 자바스크립트로 URL, 주소 복사 하는 방법 !!
예제 코드보시고 알맞게 사용하시면 됩니다 :)
예제 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" id="text" value="https://seill.tistory.com" style="display: none;"/>
<input type="button" onclick="urlCopy()" value="URL 복사"/>
</body>
</html>
<script>
function urlCopy() {
var url = document.getElementById('text');
url.style.display='block'; // 숨겨둔 input 태그 block처리
url.select(); // 복사할 text 블럭
document.execCommand('copy'); // 드레그된 text 클립보드에 복사
url.style.display='none'; // 다시 숨기기
alert('url이 복사 되었습니다.')
}
</script>결과값
728x90
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립트 join() 함수 사용하는 방법 !! (배열 연결하기) (0) | 2023.03.07 |
|---|---|
| [JavaScript & jQuery] html 특정 영역 드래그로 캡쳐하는 방법 !! (html2canvas 라이브러리) (0) | 2023.03.03 |
| [JavaScript & jQuery] html 내가 원하는 화면 캡쳐하는 방법 !! (html2canvas 라이브러리) (0) | 2023.03.01 |
| [JavaScript] 자바스크립트로 텍스트(TEXT) 복사 하는 방법 !! (0) | 2023.02.28 |
| [JavaScript & jQuery] 특정 태그에 width 값 변경 및 주는 방법 !! (0) | 2023.02.27 |
댓글