그누보드 QA - 주소복사 기능 문의

주소복사 기능 문의

ango 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2020.11.25 16:40:08 1728 (118.♡.♡.166)

답변 4

본문

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

게시물 보기(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>