테스트 사이트 - 개발 중인 베타 버전입니다

초간단 주소복사 버튼

· 2년 전 · 2694 · 8

 

게시글 또는 현재 웹페이지의 주소를 복사하는 스크립트입니다.

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 의 색상코드를 문자로도 쉽게 표현하고 이를 복사하려는 코드가 필요해서 만든 건데 질답게시판에서 게시글 주소복사 버튼을 요구하는 질문이 많아서 한번 만들어 본 거에요.
2년 전
이 스크립트를 붙여넣기 하면 되나요?
2년 전
@돌콩아빠
본인 홈페이지 주소가 https 로 시작하면 이걸로 하고
http 로 시작하면
https://sir.kr/g5_tip/19831 로 하세요

게시글 목록

번호 제목
20141
20129
20120
20114
20106
20099
20097
20091
20050
20042
20039
20010
19996
19978
19969
19954
19911
19908
19907
19905
19904
19892
19882
19864
19861
19844
19831
19829
19820
19805