Coding/JavaScript

[JavaScript] 자바스크립트로 URL, 주소 복사 하는 방법 !!

포스트it 2023. 3. 2. 09:00
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
반응형