비

약간간단 주소복사 버튼

· 2023-01-23 (월) 23:17:10 · 5706 · 19

 

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]

|

댓글 19개

좋은 팁 감사 합니다.
2023-01-24 (화) 09:39:15
@들레아빠
새해 복많이 받으세요
@비타주리 예 감사 합니다. 비타주리님도 복 많이 많이 받으세요.
좋은팁 감사합니다.
2023-01-24 (화) 12:14:25
@푸른산타 산타님도 새해 복 많이요
@비타주리 님 새해 복 많이 받으세요.
감사합니다^^
감사합니다 알려주신 코드를 응용해서 react에서 url 링크복사 간단하게 했네요!
2023-01-25 (수) 14:46:25
@야채킴 알고나면 별 것 아니에요. 감사합니다.
2023-01-25 (수) 14:15:57
늘 유용한 팁 감사합니다. 새해 복 많이 받으세요 ~
2023-01-25 (수) 14:46:44
@크리스휘 크리스휘님두 새해 복 많이 받으세요
2023-01-30 (월) 19:43:37
멋지십니다. 감사드립니다.
2023-02-11 (토) 15:25:48
@아이스웨덴™ 감사합니다
감사합ㄴ디ㅏ!
2023-02-11 (토) 15:25:58
@ksoon 감사합니다
감사합니다!
2023-02-11 (토) 15:26:16
@서울선비 감사합니다
주소를 복사하려면 주소창에서 블럭을 잡아서 우클릭해서 복사하는 것이 보통인데요.
게시판에 이 기능을 첨부하면 홈페이지 이용자들이 많이 편하겠습니다.
원클릭으로 복사가 가능하니 참 좋습니다.
감사합니다.^^
감사합니다

좋은정보 입니다.

감사합니다.

댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
23-01-23 조회 5,707
23-01-23 조회 5,222
23-01-21 조회 5,725
23-01-19 조회 5,436
23-01-18 조회 4,737
23-01-16 조회 5,542
23-01-16 조회 4,319
23-01-16 조회 4,784
23-01-16 조회 4,923
23-01-12 조회 5,231
23-01-11 조회 7,480
22-12-20 조회 7,580
23-01-10 조회 5,078
23-01-09 조회 4,770
23-01-09 조회 4,424
22-12-31 조회 6,163
22-12-30 조회 4,916
22-12-30 조회 5,736
22-12-28 조회 6,316
22-12-26 조회 4,550
22-12-26 조회 4,830
22-12-24 조회 5,130
22-12-22 조회 5,538
22-12-20 조회 4,625
22-12-19 조회 5,177
22-12-17 조회 6,334
22-12-16 조회 4,684
22-12-16 조회 6,304
22-12-14 조회 4,563
22-12-13 조회 4,515