<script type="text/javascript" src="http://zeroclipboard.org/javascripts/zc/v2.1.6/ZeroClipboard.js"></script>
파일을 인클루드 한다음에(물론 다운받아서 서버에 저장하면 더좋을듯)
$(document).ready(function() {
var client = new ZeroClipboard($("#copy-button"));
client.on( "ready", function( readyEvent ) {
client.on( "aftercopy", function( event ) {
alert("주소가 복사되었습니다." );
});
});
});
///////////////////////////////////////////////////////
<button id="copy-button" data-clipboard-text="텍스트내용" title="복사하기">복사하기</button>
버튼을 만들어서 사용 그런데 플래쉬를 써야 한다는데 막상 공식홈페이지에서는 플래쉬를 안써도 된다. 변경된건가 싶기도 하다.
javascript로만 사용하려면 크로스브라우징도 어렵고 보안상이슈도 있고해서 잘안된다고 한다.
공식 홈페이지 - http://zeroclipboard.org/
javascript로는 평생해도 안될듯 하니 이 글을 보고 나같이 삽질하는 사람이 없기를....
ps. 크로스 브라우징을 할때에는 v2.0.2 버전인가 아무튼 옛날 버전을 하면 브라우저 상관없이 웬만한 모든 브라우저에서 사용가능합니다!