초간단 주소복사 버튼
게시글 또는 현재 웹페이지의 주소를 복사하는 스크립트입니다.
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년 전 | 4400 | ||
| 2424 | 1년 전 | 1143 | ||
| 2423 | 1년 전 | 1162 | ||
| 2422 |
 마르스컴퍼니 |
1년 전 | 1838 | |
| 2421 | 1년 전 | 1064 | ||
| 2420 |
 세죠위그이 |
1년 전 | 1845 | |
| 2419 | 1년 전 | 1154 | ||
| 2418 | 1년 전 | 1141 | ||
| 2417 | 1년 전 | 927 | ||
| 2416 | 1년 전 | 1226 | ||
| 2415 | 1년 전 | 1109 | ||
| 2414 | 1년 전 | 996 | ||
| 2413 | 1년 전 | 1400 | ||
| 2412 |
 oneit |
1년 전 | 2004 | |
| 2411 | 1년 전 | 994 | ||
| 2410 | 1년 전 | 1861 | ||
| 2409 | 1년 전 | 1694 | ||
| 2408 | 1년 전 | 1192 | ||
| 2407 | 1년 전 | 1159 | ||
| 2406 | 1년 전 | 833 | ||
| 2405 | 1년 전 | 2044 | ||
| 2404 |
와칸다포에버
|
1년 전 | 1049 | |
| 2403 | 1년 전 | 1125 | ||
| 2402 |
뽕엄능브라
|
1년 전 | 2054 | |
| 2401 | 1년 전 | 1161 | ||
| 2400 | 1년 전 | 1262 | ||
| 2399 | 1년 전 | 1849 | ||
| 2398 | 1년 전 | 1578 | ||
| 2397 | 1년 전 | 1895 | ||
| 2396 | 1년 전 | 1260 | ||
| 2395 | 1년 전 | 1081 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기