Zeroclipboard-это класс библиотеки кросс-браузера, который использует Flash для копирования, поэтому он может работать до тех пор, пока браузер оснащен вспышкой, и он более гибкий, чем Document IE. ExecCommand («Copy»).
Адрес загрузки ZeroClipboard: //www.vevb.com/jiaoben/24961.html
Zeroclipboard реализует функцию копирования в Patchboard несколькими браузерами (однократные кнопки копирования и несколько кнопок копирования), чтобы улучшить опыт пользователя, многие веб -сайты теперь должны только нажать кнопку копирования, чтобы скопировать контент в панель;
По причинам совместимости это в основном достигается с помощью нулевой доски. Во -первых, вам нужно скачать Zeroclipboard. После декомпрессии поместите Zeroclipboard.js, zeroclipboard.swf, Zeroclipboard10.swf («для Flash10») в проект. SWF может быть загружен с помощью метода zeroclipboard.setmoviepath ('/Zeroclipboard.swf');
Ниже приведен сортированный код (также сортируется через онлайн -поиск)
(Кнопка с одной копией):
HTML:
Кода -копия выглядит следующим образом:
<input type = "text" value = "text" id = "copy_txt"/> <a href = "Javascirc:;" id = "copy_btn"> Copy </a>
<script language = "javascript">
Zeroclipboard.setmoviepath ('zeroclipboard.swf'); // setMoviePath должен быть установлен, если он не находится в том же каталоге, что и HTML
Zeroclipboard.setmoviepath ('Zeroclipboard10.swf');
var clip = new zeroclipboard.client (); // Создать новый объект буфера обмена нуля
clip.settext (''); // будет установлен позже на Mousedown // Освободить буфер обмена
clip.sethandcursor (true); // Установите форму, когда мышь перемещается в поле копирования
clip.setcsseffects (true); // включить CSS
clip.addeventlistener ('withle', function (client, text) {// Слушать событие после завершения копирования
Блюдо ("AA")
clip.hide (); // после копирования один раз, скрыть () недействительно кнопку копирования, предотвращая повторные расчеты количества использования
});
clip.addeventlistener ('mousedown', function (client) {
clip.settext (document.getElementById ('copy_txt'). Value);
});
clip.glue ('copy_btn');
</script>
Несколько кнопок копирования:
Кода -копия выглядит следующим образом:
<input type = "text" value = "text" id = "copy_txt0"/> <a href = "javascirct:;" id = "copy_btn0" data = '0'> copy </a>
<input type = "text" value = "text" id = "copy_txt1"/> <a href = "javascirct:;" id = "copy_btn1" data = '1'> Copy </a>
<input type = "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'); // setMoviePath должен быть установлен, если он не находится в том же каталоге, что и HTML
Zeroclipboard.setmoviepath ('Zeroclipboard10.swf');
clip.sethandcursor (true);
clip.settext ($ ("#copy_txt"+id) .val ());
clip.addeventlistener ('withle', function (client, text) {
предупреждение («Поздравляю с успешным копированием»);
});
clip.glue ('copy_btn'+id);
});
</script>
Примечание: clip.settext ($ ("#copy_txt"+id) .val ()); Если вы хотите получить контент в Div, вы обычно используете clip.settext ($ ("#copy_txt"+id) .text ()); или clip.settext ($ ("#copy_txt"+id) .html ());