Если вы хотите скопировать контент в буфер обмена через JS, это не сложно, но если вы рассмотрите совместимость браузера, он становится немного проблематичным. Полем Я не буду подробно объяснять этот принцип, давайте поговорим о том, как его реализовать.
Например, мой HTML -код заключается в следующем:
Кода -копия выглядит следующим образом:
<div>
<code rel = "1"> <span id = "id_1"> Содержимое, чтобы скопировать1 </span> </code>
<code rel = "2"> <span id = "id_2"> Содержание, которое нужно скопировать 2 </span> </code>
<code rel = "3"> <span id = "id_3"> Содержимое, чтобы копировать3 </span> </code>
</div>
Всего есть два файла JS, поэтому нет необходимости упоминать jQuery, а затем jQuery-Zclip.js и Zeroclipboard.swf. /www.steamdev.com/zclip /
JS, который генерирует кнопку копирования, следующие
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
$ (function () {
$ ('code'). Каждый (function () {
var self = $ (это);
var id = self.attr ('rel');
var copy = $ ('<pan> copy </span>'). appendto (self) .zclip ({
'PATH': '/static/admin/js/zeroclipboard.swf', // написать свой собственный адрес здесь
'AfterCopy': function () {
Alert («Получить адрес соответствующего кода был скопирован в буфер обмена, вы можете использовать Ctrl+V для вставки»);
},
'copy': function () {
return $ ('#id _'+id) .text (); // Примечание здесь, если div span и т. Д. Используйте Text (), если вход, используйте val (), эта поддержка не очень хорошая
}
});
});
});
</script>
Таким образом, вы можете скопировать время в браузерах. Позже я обнаружил, что Флэш была сгенерирована, но это было не в месте текста. Я проверил много информации, и некоторые люди сказали, что вам нужно изменить код, но затем я изменил его, и это было нормально
Код, который необходимо изменить, выглядит следующим образом
Кода -копия выглядит следующим образом:
GetDomoBjectPosition: Function (obj, StopObj) {
// Получить абсолютные координаты для элемента DOM
var info = {
слева: 0,
Верх: 0,
Ширина: obj.width?
Высота: obj.height?
};
if (obj && (obj! = stopobj)) {
//info.left += obj.offsetleft;
//info.top += obj.offsettop;
jpos = $ (obj) .position (); // После модификации
info.left += jpos.left;
info.top += jpos.top;
}
вернуть информацию;
}
На самом деле, это как -то связано с принципом этого плагина, поэтому он покрывает прозрачную вспышку на кнопке.