주소복사 기능 문의

ango

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2020-11-25 (수) 16:40:08 2,759

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

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

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

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

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

1982722214_1606290082.3542.png

Copy

<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>

주소복사 툴팁