초간단 주소복사 버튼
게시글 또는 현재 웹페이지의 주소를 복사하는 스크립트입니다.
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 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4402 | ||
| 2604 | 8개월 전 | 673 | ||
| 2603 | 8개월 전 | 732 | ||
| 2602 | 8개월 전 | 647 | ||
| 2601 |
|
8개월 전 | 670 | |
| 2600 |
|
8개월 전 | 579 | |
| 2599 | 8개월 전 | 808 | ||
| 2598 | 8개월 전 | 602 | ||
| 2597 |
다케미카코
|
8개월 전 | 755 | |
| 2596 | 8개월 전 | 854 | ||
| 2595 |
|
8개월 전 | 445 | |
| 2594 | 8개월 전 | 608 | ||
| 2593 |
만두먹고또먹고
|
8개월 전 | 935 | |
| 2592 | 9개월 전 | 609 | ||
| 2591 | 9개월 전 | 620 | ||
| 2590 | 9개월 전 | 688 | ||
| 2589 |
|
9개월 전 | 757 | |
| 2588 | 9개월 전 | 476 | ||
| 2587 | 9개월 전 | 796 | ||
| 2586 | 9개월 전 | 642 | ||
| 2585 | 9개월 전 | 509 | ||
| 2584 | 9개월 전 | 576 | ||
| 2583 | 9개월 전 | 498 | ||
| 2582 | 9개월 전 | 640 | ||
| 2581 | 9개월 전 | 598 | ||
| 2580 |
만두먹고또먹고
|
9개월 전 | 517 | |
| 2579 |
|
9개월 전 | 664 | |
| 2578 | 9개월 전 | 646 | ||
| 2577 | 9개월 전 | 625 | ||
| 2576 | 9개월 전 | 561 | ||
| 2575 |
이슈DEV
|
9개월 전 | 993 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기