약간간단 주소복사 버튼 정보
약간간단 주소복사 버튼
본문
https://sir.kr/g5_tip/19820 의 주소복사 버튼은 보안주소인 https 에만 적용되고 http 에는 적용되지 않습니다.
그래서 프로토콜에 상관없는 주소복사 버튼을 만들려면 "초간단" 이 아닌 "약간간단"의 로직이 필요합니다.
<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>
추천
8
8
댓글 11개
좋은 팁 감사 합니다.
@들레아빠
새해 복많이 받으세요
새해 복많이 받으세요
@비타주리 예 감사 합니다. 비타주리님도 복 많이 많이 받으세요.
좋은팁 감사합니다.
@푸른산타 산타님도 새해 복 많이요
@비타주리 님 새해 복 많이 받으세요.
감사합니다^^
감사합니다^^
감사합니다 알려주신 코드를 응용해서 react에서 url 링크복사 간단하게 했네요!
@야채킴 알고나면 별 것 아니에요. 감사합니다.
늘 유용한 팁 감사합니다. 새해 복 많이 받으세요 ~
@크리스휘 크리스휘님두 새해 복 많이 받으세요
멋지십니다. 감사드립니다.
