주소복사 기능 문의

주소복사 기능 문의

QA

주소복사 기능 문의

본문

제가 우성짱님의 홈페이지를 보고

게시물 보기(view.skin.php)에 주소복사 기능을 추가했는데

https://www.wsgvet.com/home/474

 

주소복사를 클릭할때 '복사됬습니다' 라고 툴팁(alert 아님)이 뜨게 하려면

코드를 어떻게 수정해야 하나요?

 

1982722214_1606290082.3542.png

 


<button class="btn-clipboard cursor at-tip" data-toggle="tooltip" data-trigger="click focus" data-placement="top" data-original-title="주소가 복사되었습니다."><i class="fa fa-clipboard" aria-hidden="true"></i> 주소복사</button>
 
<script src="<?php echo $board_skin_url ?>/clipboard.min.js"></script>
<script>
// https://www.wsgvet.com/home/474
// https://github.com/zenorocha/clipboard.js/issues/622
// https://blog.myungseokang.dev/posts/clipboardjs/
var clipboard = new ClipboardJS('.btn-clipboard', {
    text: function() {
        return 'http://<?php echo $_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]; ?>';
    }
});
clipboard.on('success', function(e) {
    console.log(e);
});
clipboard.on('error', function(e) {
    console.log(e);
});
</script>

이 질문에 댓글 쓰기 :

답변 4

clipboard.on('success' 에서 console.log(e)라고 되어있는부분밑에

alert('복사되었습니다'); 해주세요

답변을 작성하시기 전에 로그인 해주세요.
전체 123,126 | RSS
QA 내용 검색

회원로그인

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