그러나 공식 소개는이 플러그인이 IE6을 지원하지 않는다는 점을 분명히 밝혔습니다. 아래는 다중 내장 제로 클립 보드 복사 기능의 구현과 IE6의 호환 된 쓰기 방법을 제공합니다!
zeroclipboard first //www.vevb.com/jiaoben/24961.html을 다운로드하십시오
<스타일 유형 = "text/css"> body {font-family : arial, sans-serif; 글꼴 크기 : 9pt; } .copyit {Text-Align : Center; 국경 : 1px 고체 #FD6001; 배경색 :#ed730b; 여백 : 10px; 패딩 : 2px 5px; 커서 : 포인터; 글꼴 크기 : 12px; Border-Radius : 3px;} .copyit.hover {배경색 :#fd6001;}. copyit.active {back #CCC; 패딩 : 5px;} </style> <script type = "text/javaScript"src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> <cript type = "text/javascript" src = "/js/zeroclipboard/zeroclipboard.js"> </script> <div> <textRea id = "fe_text"cols = 50 줄 = 5> 첫 번째 사본 콘텐츠! ! ! </textarea> <b> 복사 컨텐츠 </b> </div> <br/> <div> <textarea id = "fe_text"cols = 50 줄 = 5> 두 번째 복사 콘텐츠! ! ! </textarea> <b> copy covil </b> </div> <script type = "text/javaScript"> var clip = null; function this () {if ($. browser.version == 6.0) {// IE6 $ ( '. copyit'). "Click", function () {var code = $ (this) .parents ( ". clip_container"). 찾기 ( ". copycnt"). text (); window.clipboarddata.setdata ( "text", code ( 'copyed content :/n'+code); return;} zeroclipboard.setmoviepath ( "http://img.vevb.com/js/clipboard.swf '"); // zeroclipboard.js, zeroclipboard.swf는 동일한 디렉토리에 배치되면이 문장을 생략 할 수 있습니다. clip = new ZeroClipboard.Client();$('.copyit').mouseover( function() { var code=$(this).parents(".clip_container").find(".copycnt").text(); clip.setText(code); if (clip.div) {//The parent layer div containing flash has been created, then the position of the flash layer will be repositioned when the mouse 호버는 사용됩니다. clip.adeventListener ( 'complete', function (client, text) {alert ( "copyed content : /n"+text);});} CopyThis (); < /script> <textRea> 여기에 복사 된 내용을 붙여 넣으십시오! ! </textarea>위의 구현 방법에서 window.clipboarddata.setData를 사용하는 IE6을 제외하고 사본 함수를 구현하려면 다른 브라우저는 제로 클립 보드 플러그인을 사용하여 복사 기능을 구현합니다!
이 플러그인을 사용할 때주의를 기울여야 할 몇 가지 사항 :
1. 위의 Zeroclipboard.js 및 Zeroclipboard.swf는 동일한 경로 아래에 배치해야합니다. 같은 경로에 있지 않은 경우 zeroclipboard.setmoviepath ( "Flash Path")를 사용할 수 있습니다. Zeroclipboard.swf 주소를 설정합니다.
2. SetcsSeffects () 메소드의 분석 : 마우스가 플래시 버튼의 방해로 인해 버튼 또는 클릭으로 이동하면 ": 호버"및 ": Active"와 같은 의사 클래스가 무효 일 수 있습니다. setcsseffects () 메소드는이 문제를 해결하는 것입니다. 먼저 의사 클래스를 클래스로 변경해야합니다.
코드 사본은 다음과 같습니다.
.copyit : 호버 {
국경 색 :#ff6633;
}
// ":". 호버 "로"호버 "를 변경해야합니다.
.copyit.hover {
국경 색 :#ff6633;
}
3. gethtml () 메소드 분석 : 제로 클립 보드의 첨부 파일 메소드를 사용하지 않고 직접 플래시를 인스턴스하려면이 메소드가 도움이 될 수 있습니다. 두 개의 매개 변수, 즉 플래시의 너비와 높이를 허용합니다. 플래시에 해당하는 HTML 코드가 반환됩니다. 예를 들어:
var html = clip.gethtml (150, 20);