초간단 주소복사 버튼
게시글 또는 현재 웹페이지의 주소를 복사하는 스크립트입니다.
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 | ||
| 2364 | 1년 전 | 1635 | ||
| 2363 | 1년 전 | 2108 | ||
| 2362 |
디지털홍익인간
|
1년 전 | 1256 | |
| 2361 | 1년 전 | 2034 | ||
| 2360 |
parkee
|
1년 전 | 929 | |
| 2359 | 1년 전 | 1654 | ||
| 2358 | 2년 전 | 1379 | ||
| 2357 | 2년 전 | 2652 | ||
| 2356 | 2년 전 | 1651 | ||
| 2355 |
타버린나무
|
2년 전 | 1859 | |
| 2354 | 2년 전 | 2388 | ||
| 2353 |
swallow
|
2년 전 | 2363 | |
| 2352 | 2년 전 | 1511 | ||
| 2351 | 2년 전 | 1592 | ||
| 2350 |
 소소한여자 |
2년 전 | 1480 | |
| 2349 | 2년 전 | 1291 | ||
| 2348 | 2년 전 | 2378 | ||
| 2347 | 2년 전 | 2493 | ||
| 2346 |
ceramoon
|
2년 전 | 1534 | |
| 2345 | 2년 전 | 1274 | ||
| 2344 | 2년 전 | 1678 | ||
| 2343 | 2년 전 | 2408 | ||
| 2342 | 2년 전 | 1645 | ||
| 2341 | 2년 전 | 1178 | ||
| 2340 | 2년 전 | 2530 | ||
| 2339 | 2년 전 | 1222 | ||
| 2338 | 2년 전 | 1400 | ||
| 2337 | 2년 전 | 1709 | ||
| 2336 | 2년 전 | 2003 | ||
| 2335 | 2년 전 | 2281 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기