티스토리 뷰

html 현재 링크 복사하는 버튼 만들기

<!-- copy link -->
<input type="text" id="text" value="https://www.naver.com" style="display: none;"/>
<input type="button" onclick="urlCopy()" value="현재 URL 복사"/>

<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>

 

 

*출처

https://seill.tistory.com/1037

 

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

[JavaScript] 자바스크립트로 URL, 주소 복사 하는 방법 !! 예제 코드보시고 알맞게 사용하시면 됩니다 :) 예제 코드 결과값

seill.tistory.com

 

공지사항