주소복사 기능 문의
본문
제가 우성짱님의 홈페이지를 보고
게시물 보기(view.skin.php)에 주소복사 기능을 추가했는데
https://www.wsgvet.com/home/474
주소복사를 클릭할때 '복사됬습니다' 라고 툴팁(alert 아님)이 뜨게 하려면
코드를 어떻게 수정해야 하나요?
<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('복사되었습니다'); 해주세요
아 alert이 아니군요 툴팁은 어떤걸 말씀하시는거에요?
alert 대신
div를 show/hide 시키거나
돔으로 추가해주면 될거같네요
답변 감사합니다. 모두 채택이 안되서 한명만 -.-;;
답변을 작성하시기 전에 로그인 해주세요.
