ただし、公式の紹介では、このプラグインがIE6をサポートしていないことを明確に述べていることは注目に値します。以下に、多注的なゼロクリップボードコピー機能の実装とIE6の互換性のあるライティング方法を提供します!
Zeroclipboardの最初のダウンロード//www.vevb.com/jiaoben/24961.html
<style type = "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 {background-color:#fd6001;}。copyit.active {background-color:#d25102;}/*マウスホバー効果、実際にsetcsseffects()method*/ .copy_info {width:100px; #ccc; padding:5px;} </style> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script = "text/javascript" "text/javascript" src = "/js/zeroclipboard/zeroclipboard.js"> </script> <div> <textarea id = "fe_text" cols = 50 rows = 5>最初のコピーコンテンツ! ! ! </textarea> <b>コピーコンテンツ</b> </div> <br/> <div> <textarea id = "fe_text" cols = 50 rows = 5> 2番目のコピーコンテンツ! ! ! </textarea> <b> copy content </b> </div> <script type = "text/javascript"> var clip = null; function copythis(){if($。browser.version== 6.0){// ie6 $( '。Copyit') code = $(this).Parents( "。Clip_Container")。find( "。Copycnt")。 return;} zeroclipboard.setMoviePath( "http://img.vevb.com/js/scripts/clipboard.swf '"); // zeroclipboard.js、zeroclipboard.swfが同じディレクトリに配置されている場合、この文は省略できます。 clip = new Zeroclipboard.client(); $('。copyit ')。mouseover(function(){var code = $(this).parents( "。clip_container")。find( "。Copycnt")。マウスホバーが使用される場合//clivevent(null); clip.addeventlistener( 'complete'、function(client、text){alert( "copyed content: /n"+text);} ! </textarea>上記の実装方法では、window.clipboarddata.setDataを使用するIE6を除き、コピー関数を実装するために、他のブラウザはゼロクリップボードプラグインを使用してコピー関数を実装します!
このプラグインを使用するときに注意する必要があるいくつかのこと:
1。上記のZeroclipboard.jsおよびZeroclipboard.swfは、同じパスの下に配置する必要があります。同じパスにいない場合は、Zeroclipboard.setMoviePath( "Flash Path")を使用できます。 zeroclipboard.swfアドレスを設定します。
2。setcsseffects()方法の分析方法:フラッシュボタンの閉塞により、マウスがボタンまたはクリックに移動すると、コピーボタンのボタンの「ホバー」や「アクティブ」などの擬似クラスが無効になる場合があります。 setcsseffects()メソッドは、この問題を解決することです。まず、擬似クラスをクラスに変更する必要があります。
コードコピーは次のとおりです。
.copyit:Hover {
境界線:#ff6633;
}
//変更する必要があります ":Hover"次の「Hover」
.copyit.hover {
境界線:#ff6633;
}
3。gethtml()メソッドの分析:ゼロクリップボードの添付メソッドを使用せずにフラッシュをインスタンスインスタンスインスタンスインする場合は、この方法が役立ちます。 2つのパラメーター、つまりフラッシュの幅と高さを受け入れます。 Flashに対応するHTMLコードが返されます。例えば:
var html = clip.gethtml(150、20);