주소복사 기능 문의 채택완료
ango
4년 전
조회 2,581
제가 우성짱님의 홈페이지를 보고
게시물 보기(view.skin.php)에 주소복사 기능을 추가했는데
https://www.wsgvet.com/home/474
주소복사를 클릭할때 '복사됬습니다' 라고 툴팁(alert 아님)이 뜨게 하려면
코드를 어떻게 수정해야 하나요?
</p>
<p><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></p>
<p> </p>
<p><script src="<?php echo $board_skin_url ?>/clipboard.min.js"></script>
<script>
// <a href="https://www.wsgvet.com/home/474" target="_blank" rel="noopener noreferrer">https://www.wsgvet.com/home/474</a>
// <a href="https://github.com/zenorocha/clipboard.js/issues/622" target="_blank" rel="noopener noreferrer">https://github.com/zenorocha/clipboard.js/issues/622</a>
// <a href="https://blog.myungseokang.dev/posts/clipboardjs/" target="_blank" rel="noopener noreferrer">https://blog.myungseokang.dev/posts/clipboardjs/</a></p>
<p>var clipboard = new ClipboardJS('.btn-clipboard', {
text: function() {
return '<a href="http://<?php" target="_blank" rel="noopener noreferrer">http://<?php</a> echo $_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]; ?>';
}
});
clipboard.on('success', function(e) {
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
});
</script></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인