[clipboard.js]해시태그 복사하기

clipboard.js — Copy to clipboard without Flash

인스타 이벤트나 페이스북, 트위터 이벤트를 시행할때 사용자가 쉽게 참여할수있도록 유도하기 위해 버튼을 누르면 해시태그가 복사되게 하는 js

깃허브 - https://github.com/zenorocha/clipboard.js/

사이트 - https://clipboardjs.com/

cdn - https://github.com/zenorocha/clipboard.js/wiki/CDN-Providers

1) 스크립트에 js 추가하기

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>

2) html 부분에 copy될 부분과 이벤트를 실행할 버튼 부분을 추가해준다.

<p class="copy">#해시태그</p>
<a href="#none" class="hashtag_copy" data-clipboard-action="copy" data-clipboard-target="p.copy" ></a> 
 
 

3) 스크립트에 이벤트 액션 추가해주기

var clipboard = new ClipboardJS('.hashtag_copy');

+ 해시태그 복사 후 알럿창을 띄우거나 이벤트를 추가하고싶다면

clipboard.on('success', function(e) { 
 
    alert('복사되었습니다.'); 
 
});

적용 -> https://jsfiddle.net/jywoo/frpa702m/5/