zeroclipboard - 클립보드 복사하기(자바스크립트 클립보드 복사하기)

by 조쉬 posted Oct 06, 2016
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

<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 버전인가 아무튼 옛날 버전을 하면 브라우저 상관없이 웬만한 모든 브라우저에서 사용가능합니다!