약간간단 주소복사 버튼 > 저장하자

• 목록

비타주리2023.01.23 23:17:10조회 341댓글 12
 

https://sir.kr/g5_tip/19820 의 주소복사 버튼은 보안주소인 https 에만 적용되고 http 에는 적용되지 않습니다.

그래서 프로토콜에 상관없는 주소복사 버튼을 만들려면 "초간단" 이 아닌 "약간간단"의 로직이 필요합니다.


[code]
<div id="urlDiv"><button type="button" style="cursor:pointer" onclick="urlCopy()">주소복사</button></div>
<script>
function urlCopy() {
    urlDivHtml = urlDiv.innerHTML;
    urlDiv.innerHTML = urlDivHtml + "<textarea>" + location.href + "</textarea>";
    urlDiv.querySelector("textarea").select();
    document.execCommand("copy");
    urlDiv.innerHTML = urlDivHtml;
    alert("주소가 복사되었습니다");
}
</script>
[/code]