초간단 주소복사 버튼 > 그누보드5 팁자료실

그누보드5 팁자료실

초간단 주소복사 버튼 정보

초간단 주소복사 버튼

본문

 

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

js 를 불러서 하는 방법이 많이 보이던데 아래처럼 초간단의 방법을 하나 만들어 보았습니다.

button 의 스타일링은 본인 입맛에 맞추어서...

 


<button type="button" style="cursor:pointer" onclick="urlCopy()">주소복사</button>
<script>
function urlCopy() {
    navigator.clipboard.writeText(location.href);
    alert("주소가 복사되었습니다");
}
</script>

 

주의사항 : 프로토콜이 http 가 아닌 https 에서만 가능합니다.

프로토콜에 상관없는 주소복사 버튼 - https://sir.kr/g5_tip/19831

추천
11

댓글 6개

저는 location.href 이부분에 계좌번호를 넣고 이용하고 있습니다. 계좌번호 복사하기
이렇게 간단하게 짜주시니 너무 감사합니다.
빙고.
사실 이 코드는 원래 type="color" 인 input 의 색상코드를 문자로도 쉽게 표현하고 이를 복사하려는 코드가 필요해서 만든 건데 질답게시판에서 게시글 주소복사 버튼을 요구하는 질문이 많아서 한번 만들어 본 거에요.
전체 2,231 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT