약간간단 주소복사 버튼
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개
2년 전
좋은 팁 감사 합니다.
2년 전
@들레아빠
새해 복많이 받으세요
새해 복많이 받으세요
2년 전
@비타주리 예 감사 합니다. 비타주리님도 복 많이 많이 받으세요.
2년 전
좋은팁 감사합니다.
2년 전
@푸른산타 산타님도 새해 복 많이요
2년 전
@비타주리 님 새해 복 많이 받으세요.
감사합니다^^
감사합니다^^
2년 전
감사합니다 알려주신 코드를 응용해서 react에서 url 링크복사 간단하게 했네요!
2년 전
@야채킴 알고나면 별 것 아니에요. 감사합니다.
2년 전
늘 유용한 팁 감사합니다. 새해 복 많이 받으세요 ~
2년 전
@크리스휘 크리스휘님두 새해 복 많이 받으세요
아이스웨덴™
2년 전
멋지십니다. 감사드립니다.
2년 전
@아이스웨덴™ 감사합니다
ksoon
2년 전
감사합ㄴ디ㅏ!
2년 전
@ksoon 감사합니다
2년 전
감사합니다!
2년 전
@서울선비 감사합니다
2년 전
주소를 복사하려면 주소창에서 블럭을 잡아서 우클릭해서 복사하는 것이 보통인데요.
게시판에 이 기능을 첨부하면 홈페이지 이용자들이 많이 편하겠습니다.
원클릭으로 복사가 가능하니 참 좋습니다.
감사합니다.^^
게시판에 이 기능을 첨부하면 홈페이지 이용자들이 많이 편하겠습니다.
원클릭으로 복사가 가능하니 참 좋습니다.
감사합니다.^^
VampireHost
2년 전
감사합니다
oneit
2년 전
좋은정보 입니다.
감사합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 24318 | |
| 24317 | |
| 24315 | |
| 24309 | |
| 24294 | |
| 24293 | |
| 24277 | |
| 24262 | |
| 24260 | |
| 24253 | |
| 24251 | |
| 24236 | |
| 24233 | |
| 24228 | |
| 24226 | |
| 24221 | |
| 24214 | |
| 24203 | |
| 24201 | |
| 24199 | |
| 24196 | |
| 24195 | |
| 24194 | |
| 24192 | |
| 24191 | |
| 24187 | |
| 24185 | |
| 24183 | |
| 24172 | |
| 24168 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기