Тем не менее, стоит отметить, что официальное введение четко заявило, что этот плагин не поддерживает IE6. Ниже будет предоставлена реализация функции копии с буфером буфера обмена в мультиинстифицированном виде и метод совместимого написания IE6!
Скачать Zeroclipboard First //www.vevb.com/jiaoben/24961.html
<style type = "text/css"> body {font-family: arial, sans-serif; размер шрифта: 9pt; } .copyit {text-align: center; Граница: 1PX SOLID #FD6001; фоновый цвет:#ed730b; Маржа: 10px; Заполнение: 2px 5px; курсор: указатель; размер шрифта: 12px; Border-Radius: 3px;} .copyit.hover {foangy-color:#fd6001;}. Copyit.active {foangy-color:#d25102;}/*Эффект наклонения мыши, на самом деле это на самом деле вызывает Setcsseffects () метод*/ .copy_info {width: 260px; #CCC; Padding: 5px;} </style> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> <script type = "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> второй скопированный контент! ! ! </textarea> <b> Копировать содержимое </b> </div> <script type = "text/javascript"> var clip = null; function copyis () {if ($. Browser.version == 6.0) {// для ie6 $ ('. code = $ (this) .parents (". Clip_container"). Найти (". CopyCnt"). Text (); window.clipboarddata.setData ("text", code); alert ('Cosped Content:/n'+code); 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").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 Hover используется //clip.receiveevent('souseout ', null); clip.addeventlistener ('withle', function (client, text) {alert ("Копированный контент: /n"+text);});} copytis (); < /script> <textarea> вставьте сюда копированный контент, чтобы попробовать его! ! </textarea>В приведенном выше методе реализации, за исключением IE6 с использованием window.clipboarddata.setData. Для реализации функции копирования другие браузеры используют плагин с буфером буферизации Zero для реализации функции копирования!
Некоторые вещи, на которые вы должны обратить внимание при использовании этого плагина:
1. Вышеуказанный Zeroclipboard.js и Zeroclipboard.swf должны быть размещены под одним и тем же путем. Если вы не на том же пути, вы можете использовать Zeroclipboard.setMoviePath («Flash Path»); Чтобы установить адрес Zeroclipboard.swf.
2. Анализ метода setcsseffects (): Когда мышь перемещается в кнопку или нажимает, из-за обструкции кнопки Flash, псевдо-классы, такие как «: Hover» и «: Active» тела кнопки копирования могут быть недействительными. Метод setcsseffects () предназначен для решения этой проблемы. Сначала нам нужно изменить псевдо-класс в класс, например:
Кода -копия выглядит следующим образом:
.copyit: Hover {
Пограничный цвет:#FF6633;
}
// Вам нужно изменить ": парить" на следующее ".hover"
.copyit.hover {
Пограничный цвет:#FF6633;
}
3. Анализ метода gethtml (): Если вы хотите выступить с флэш -собой, не используя метод прикрепления нулевого буфера обмена, то этот метод может помочь. Он принимает два параметра, а именно ширина и высота вспышки. HTML -код, соответствующий Flash, возвращается. Например:
var html = clip.gethtml (150, 20);