Я слышал долю H5 два дня назад. На встрече было предложение. Я был очень тронут: это не то, что вы не можете, а в том, что у вас есть слишком низкие требования для себя. В очень простом предложении я считаю, что для всех невозможно сделать многие, но они действительно имеют слишком низкие требования для себя. Если вы попросите больше требований для себя, то вы можете добиться большего прогресса. С момента взросления многие друзья также слышали много слов, которые мотивируют себя, чтобы добиться прогресса, но не все могут продолжать это делать. На самом деле, это во многом связано с их личностью и окружающей средой. Я могу только сказать, что вы можете найти больше методов и условий, чтобы поощрять себя и постоянно улучшать свои требования для себя, чтобы вы могли иметь возможность добиться большего количества достижений.
Во второй половине этого года я планирую построить сайт под названием «Руководство по разработке мобильных устройств» в группе. В процессе создания структуры веб -сайта существует функция, которая должна копировать текст в буфер обмена. Я считаю, что эта функция очень часто используется, но для меня это большая проблема, которая часто пишет код JS. Оглядываясь назад на сайт, я использовал window.clipboarddata, чтобы реализовать копию в функцию буфера обмена, и поддерживает только браузеры IE и FF. В то время я нашел несколько решений на Baidu, но я сдался, если не смогу это выдержать. Позже я вынес решение в Кодексе. Если этот атрибут не поддерживается, я буду напрямую предупреждать: эта функция не поддерживает браузер. Пожалуйста, скопируйте контент в текстовом поле вручную. Теперь я думаю об этом, я действительно ленив. Хе -хе, кто -нибудь был застрелен ~
Alert («Эта функция не поддерживает этот браузер, пожалуйста, скопируйте контент в текстовом поле»);
На самом деле в Интернете нет подробного объяснения в Интернете, чтобы реализовать функцию копии в буфер обмена. Многие статьи одинаковы тысячи раз. Это довольно больно для детской обуви, которая должна использовать функцию копии в буфер обмена. Сегодня я поделюсь этой частью. Из -за ограниченных способностей, пожалуйста, дайте мне несколько советов по ошибкам ~
Я считаю, что многие студенты, которые построили сайт, используя WordPress, знают, что он использует jQuery. Они не незнакомы с jQuery и очень просты в использовании. К сожалению, сам jQuery не осознает функцию копирования в буфер обмена, но, возможно, его API будет иметь эту функцию. На этот раз сайт, который я построил, использует WordPress и провел некоторое время на поиск API для копирования jQuery в буфер обмена. Существует также: jQuery Zeroclipboard, поэтому я использовал ее, чтобы просто реализовать копию в буфер обмена в WordPress. Но jQuery Zeroclipboard оказался отцом по имени Zero Boolboard.
Zero Blipboard - это отдельная библиотека JS, которая использует Flash для копирования, требуя двух файлов: Zeroclipboard.js и Zeroclipboard.swf. В Интернете есть две версии. Принцип реализации копируется с использованием Flash. Я не знаю, чье оригинальное творение принадлежит или двум братьям семьи, поэтому мне это не волнует. Пока мы сами уважаем авторское право и выражаем четкую совесть, версия, которую я представляю вам сегодня, относительно проста.
Во -первых, давайте посмотрим на следующую цифру. Флэш -объект, сгенерированный после использования нулевого буфера обмена. Он совместим с Flash10 и следующими версиями и совместим со всеми браузерами:
Официальный адрес Zero Boopbarm: http://zeroclipboard.org/, адрес github: https://github.com/zeroclipboard/zeroclipboard
Используйте его для создания серверной среды. Некоторые студенты могут не ясно об этом. Существует множество методов создания серверной среды, таких как XP или IIS, которые поставляются с системой Win7. Вы также можете использовать XAMPP, AppServ, Apmserv и другие интеграционные пакеты для установки. Это очень просто построить. Я не буду представлять его здесь ~
Теперь мы сначала используем независимый буфер обмена библиотеки JS, чтобы просто реализовать копию в функцию буфера обмена, а демонстрация заключается в следующем:
<! Doctype html> <html> <head> <title> тест на буфер обмена буферизации </title> <meta charset = "utf-8"> </head> <body> <!-
иллюстрировать:
1. Data-Clipboard-Target Введите идентификатор объекта, который будет скопирован
-> <Button Id = "D_CLIP_BUTTON" DATA-CLIPBOARD-TARGET = "FE_TEXT"> <B> Копировать в буфер обмена </b> </button> <br/> <textARea id = "fe_text" cols = "50" Rows = "3"> Ввод, что нужно копировать </textarea> </body> </html> <script = javscriectra> </body> </html> src = "zeroclipboard.js"> </script> <script type = "text/javascript"> // определить новый объект копирования var clip = new Zeroclipboard (document.getElementByID ("d_Clip_button"), {MoviePath: "Zeroclipboard.swf"});//операция после успешного копирования. Function (Client, Args) {alert ("Копия успешно, копирование контента:"+ args.text);}); </script>Демо -загрузка (теплое напоминание: студенты, которые загружают код, не забудьте использовать среду сервера при просмотре демонстрации, в противном случае не будет никакого эффекта ~)
Функции нулевого буфера обмена были введены в приведенных выше комментариях кода. Для получения дополнительных функций, пожалуйста, перейдите по адресу https://github.com/zeroclipboard/zeroclipboard
Далее, представьте jQuery Zeroclipboard
jQuery Zeroclipboard - это улучшение, основанное на Zeroclipboard, называемом Zclip для короткого. Как API jQuery, jQuery Zeroclipboard также выполняет очень простые операции. Официальный адрес: http://www.steamdev.com/zclip/
Перед использованием вам нужно обратиться к 2 файлам JS: jQuery.js и jQuery.zclip.js
<script type = "text/javascript" src = "js/jquery.js"> </script> <script type = "text/javascript" src = "js/jquery.zclip.js"> </script>
Теперь мы используем jquery.zclip.js просто реализовать копию в демоверсию буфера обмена следующим образом:
<! Doctype html> <html> <head> <Title> тест ZeroClipboard </title> <meta charset = "UTF-8"> <стиль тип = "text/css">. Line {margin-bottom: 20px;}/* Подсказка копирования*/. -20px -80px; фоновый цвет: rgba (0, 0, 0, 0.2); Фильтр: Progid: dximageTransform.microsoft.Gradient (startColorStr =#30000000, endColorStr =#30000000); Padding: 6px;}. Copy-tips-wrap {padding: 10px 20px; #F4D9A6;background-color:#FFFDEE;font-size:14px;}</style><script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="jquery.zclip.js"></script></head><body><div><h2>demo1 Click to Скопируйте текущий текст </h2> <a href = "#none"> нажмите, чтобы скопировать меня </a> </div> <div> <h2> demo2 Нажмите, чтобы скопировать текст в форме </h2> <a href = "#none"> Нажмите, чтобы скопировать текст в порядке копирования </a> <input = "text" type = "text/javascript"> $ (document) .ready (function () {/* Определить все классы как теги копирования, и после щелчка вы можете скопировать текст объекта Clicked*/$ (". Copy"). Zclip ({path: "Zeroclipboard.swf", копия: function () {return $ (this). мышь*/$ (this) .css ("color", "Orange");}, AfterCopy: funct Успешно </div> </div> "); $ (" body "). Найти (". Copy-tips "). Remove (). End (). Append ($ copySuc); $ (". Copy-Tips "). FADEOU "ZeroClipboard.swf", copy: function () {return $ (this) .parent (). Sind (". Input"). Val ();}, послекопи: function () {/* операция после копирования*/var $ copysuc = $ ("<div class = 'copy-tips'> <div class = 'copy-tips'> ☺ Копия успешно </div> </div> "); $ (" body "). Найти (". Copy-tips "). Remove (). End (). Append ($ copySuc); $ (". Copy-Tips "). FADEOUT (3000);}});}); </script>Демо -загрузка (теплое напоминание: студенты, которые загружают код, не забудьте использовать среду сервера при просмотре демонстрации, в противном случае не будет никакого эффекта ~)
Приведенный выше код объединяет функции рабочих узлов JQUERY и играет роль jQuery.zclip.js хорошо, например, до и после копирования, динамически вставляя узлы. Также можно увидеть, что сила jQuery.zclip.js очень проста в использовании. Если вам нужно узнать больше о функциях jQuery.zclip.js, перейдите по адресу http://www.steamdev.com/zclip/
Из приведенных выше независимых библиотек JS Zeroclipboard.js и jQuery.zclip.js используют Flash для реализации функции копирования в буфер обмена. Видно, что использование Zeroclipboard.js приносит относительно мало функций, но это независимая библиотека с относительно небольшими файлами. Функции после использования jQuery.zclip.js относительно богаты. Однако для сайтов, которые не используют рамку jQuery, с использованием jQuery.zclip.js является пустой тратой широкополосной связи. Какой метод копирования для использования зависит от конкретного позиционирования продукта ~
Выше приведено реализация JS копирования контента в функцию буфера обмена, которую редактор, введенный вам, совместима со всеми браузерами (рекомендуется). Я надеюсь, что это будет полезно для всех. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя. Большое спасибо за вашу поддержку сайту wulin.com!