ZeroClipboard는 복사를 위해 플래시를 사용하는 크로스 브라우저 라이브러리 클래스이므로 브라우저에 플래시가 장착되어있는 한 실행될 수 있으며 IE의 Document.Execcommand ( "Copy")보다 유연합니다.
Zeroclipboard 다운로드 주소 : //www.vevb.com/jiaoben/24961.html
ZeroClipboard는 여러 브라우저 (단일 복사 버튼 및 여러 복사 버튼)로 페이스트 보드에 복사하는 기능을 구현합니다. 사용자 경험을 향상 시키려면 많은 웹 사이트가 복사 버튼을 클릭하여 컨텐츠를 페이스트 보드에 복사하면됩니다.
호환성의 이유로 기본적으로 Zeroclipboard를 통해 달성됩니다. 먼저 Zeroclipboard를 다운로드해야합니다. 감압 후 zeroclipboard.js, zeroclipboard.swf, zeroclipboard10.swf ( "for Flash10")를 프로젝트에 넣으십시오. SWF는 Zeroclipboard.setmoviepath ( '/zeroclipboard.swf') 메소드를 통해로드 할 수 있습니다.
아래는 정렬 된 코드입니다 (온라인 검색을 통해 정렬)
(단일 복사 버튼) :
HTML :
코드 사본은 다음과 같습니다.
<입력 유형 = "text"value = "text"id = "copy_txt"/> <a href = "javascirc :;" id = "copy_btn"> copy </a>
<script language = "javaScript">
zeroclipboard.setmoviepath ( 'zeroclipboard.swf'); // HTML과 동일한 디렉토리에 있지 않으면 SetMoviePath를 설정해야합니다.
Zeroclipboard.setmoviepath ( 'Zeroclipboard10.swf');
var clip = new Zeroclipboard.client (); // 새로운 제로 클립 보드 객체를 만듭니다
clip.settext ( ''); // 나중에 Mousedown에서 설정됩니다. // 클립 보드 지우기
Clip.SethandCursor (True); // 마우스가 사본 상자로 이동할 때 모양을 설정합니다.
clip.setcsseffects (true); // CSS를 활성화합니다
clip.addeventListener ( 'complete', function (client, text) {// 복사 후 이벤트가 완료된 후 이벤트를 듣습니다.
경고 ( "AA")
clip.hide (); // 한 번 복사 한 후 Hide ()는 복사 버튼을 무효화하여 사용 수의 반복 계산을 방지합니다.
});
clip.addeventListener ( 'Mousedown', function (client) {
clip.settext (document.getElementById ( 'copy_txt'). value);
});
clip.glue ( 'copy_btn');
</스크립트>
여러 사본 버튼 :
코드 사본은 다음과 같습니다.
<입력 유형 = "text"value = "text"id = "copy_txt0"/> <a href = "javascirct :;" id = "copy_btn0"data = '0'> copy </a>
<입력 유형 = "text"value = "text"id = "copy_txt1"/> <a href = "javascirct :;" id = "copy_btn1"data = '1'> copy </a>
<입력 유형 = "text"value = "text"id = "copy_txt2"/> <a href = "javascirct :;" id = "copy_btn2"data = '2'> copy </a>
<script language = "javaScript">
$ ( ". copybtn"). 각 (함수 (i) {
var id = $ (this) .attr ( 'data');
var clip = null;
clip = new Zeroclipboard.client ();
zeroclipboard.setmoviepath ( 'zeroclipboard.swf'); // HTML과 동일한 디렉토리에 있지 않으면 SetMoviePath를 설정해야합니다.
Zeroclipboard.setmoviepath ( 'Zeroclipboard10.swf');
Clip.SethandCursor (True);
clip.settext ($ ( "#copy_txt"+id) .val ());
clip.addeventListener ( 'complete', function (client, text) {
경고 ( "성공적인 복사에 대한 축하");
});
clip.glue ( 'copy_btn'+id);
});
</스크립트>
참고 : clip.settext ($ ( "#copy_txt"+id) .val ()); DIV에서 내용을 얻으려면 일반적으로 Clip.Settext ($ ( "#copy_txt"+id) .text ()); 또는 clip.settext ($ ( "#copy_txt"+id) .html ());