초간단 주소복사 버튼
게시글 또는 현재 웹페이지의 주소를 복사하는 스크립트입니다.
js 를 불러서 하는 방법이 많이 보이던데 아래처럼 초간단의 방법을 하나 만들어 보았습니다.
button 의 스타일링은 본인 입맛에 맞추어서...
[code]
<button type="button" style="cursor:pointer" onclick="urlCopy()">주소복사</button>
<script>
function urlCopy() {
navigator.clipboard.writeText(location.href);
alert("주소가 복사되었습니다");
}
</script>
[/code]
주의사항 : 프로토콜이 http 가 아닌 https 에서만 가능합니다.
프로토콜에 상관없는 주소복사 버튼 - https://sir.kr/g5_tip/19831
댓글 8개
2년 전
좋은 팁 감사 합니다.
2년 전
@들레아빠 감사합니다
2년 전
감사합니다
새해복 많이 받으세요
새해복 많이 받으세요
2년 전
@호텔천사 감사합니다
2년 전
저는 location.href 이부분에 계좌번호를 넣고 이용하고 있습니다. 계좌번호 복사하기
이렇게 간단하게 짜주시니 너무 감사합니다.
이렇게 간단하게 짜주시니 너무 감사합니다.
2년 전
@호텔천사 빙고.
사실 이 코드는 원래 type="color" 인 input 의 색상코드를 문자로도 쉽게 표현하고 이를 복사하려는 코드가 필요해서 만든 건데 질답게시판에서 게시글 주소복사 버튼을 요구하는 질문이 많아서 한번 만들어 본 거에요.
사실 이 코드는 원래 type="color" 인 input 의 색상코드를 문자로도 쉽게 표현하고 이를 복사하려는 코드가 필요해서 만든 건데 질답게시판에서 게시글 주소복사 버튼을 요구하는 질문이 많아서 한번 만들어 본 거에요.
2년 전
이 스크립트를 붙여넣기 하면 되나요?
2년 전
@돌콩아빠
본인 홈페이지 주소가 https 로 시작하면 이걸로 하고
http 로 시작하면
https://sir.kr/g5_tip/19831 로 하세요
본인 홈페이지 주소가 https 로 시작하면 이걸로 하고
http 로 시작하면
https://sir.kr/g5_tip/19831 로 하세요
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2695 | 1개월 전 | 171 | ||
| 2694 | 1개월 전 | 134 | ||
| 2693 | 1개월 전 | 143 | ||
| 2692 | 1개월 전 | 158 | ||
| 2691 | 1개월 전 | 312 | ||
| 2690 | 1개월 전 | 217 | ||
| 2689 |
 SIR개발팀 |
1개월 전 | 424 | |
| 2688 | 1개월 전 | 275 | ||
| 2687 |
선택과집중
|
1개월 전 | 313 | |
| 2686 | 1개월 전 | 275 | ||
| 2685 | 1개월 전 | 330 | ||
| 2684 | 2개월 전 | 462 | ||
| 2683 | 2개월 전 | 261 | ||
| 2682 | 2개월 전 | 287 | ||
| 2681 |
선택과집중
|
2개월 전 | 263 | |
| 2680 | 2개월 전 | 313 | ||
| 2679 |
 Xenon54 |
2개월 전 | 417 | |
| 2678 |
Xenon54 |
2개월 전 | 487 | |
| 2677 | 2개월 전 | 312 | ||
| 2676 | 2개월 전 | 287 | ||
| 2675 |
선택과집중
|
2개월 전 | 464 | |
| 2674 |
 ideaman |
2개월 전 | 309 | |
| 2673 | 2개월 전 | 322 | ||
| 2672 | 2개월 전 | 272 | ||
| 2671 | 2개월 전 | 244 | ||
| 2670 | 2개월 전 | 356 | ||
| 2669 | 2개월 전 | 274 | ||
| 2668 |
선택과집중
|
2개월 전 | 470 | |
| 2667 |
선택과집중
|
2개월 전 | 455 | |
| 2666 |
선택과집중
|
3개월 전 | 388 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기