Копиране на текст в клипборда означава, JQuery, xozblog - уроци и статии за изработка на уеб сайт,

Копиране на текст в клипборда означава, JQuery, xozblog - уроци и статии за изработка на уеб сайт,

И в тази статия ще се опитаме да разберем как да използваме ZeroClipboard.

Как да използвате ZeroClipboard

Освен това, в отделен файл main.js създават манипулатор, които ще се използват възможностите на ZeroClipboard.

В следващите примери, ние се анализират различните начини, по които можете да използвате, за да копирате текст в клипборда, или от определена област на страницата, нито един от посочените членът атрибут.

Задайте текст в кода

Първо трябва да се създаде инстанция на обект ZeroClipboard и укажете пътя към SWF файл.

С този случай, ние може да премине в текст буфер подготвени. За да направите това, ние използваме метода на setText (). след изпускателната dataRequested събитието (Това събитие се задейства винаги стойността ZeroClipboard се опитва да се вмъкне в клипборда). По-подробно в документацията.

Pass стойност буфер атрибут

Следващата версия на копие - трансферът на стойност на елемента атрибутни данни. Можете да зададете текста на данни клипборда-текст атрибут. и по подразбиране ZeroClipboard ще предава стойността на този атрибут в буфер. Ето защо:

Освен това, както в предишния пример, ние създаваме инстанция на събитието и улов. И не можете да укажете в метода на setText (). приставки само по себе си ще направя, защото сме си поставили текста в специален атрибут 🙂

Копирайте съдържанието на текстовото поле

По мое мнение най-търсените опция. Тази опция ви позволява да определите HTML елемент, който трябва да се лекува. Можете да получите съдържанието на такъв блок Разделение извеждащ this.Innerhtml или ако полето на формуляра, текстът през this.TextContent.

Имайте предвид, че стойността на бутона атрибут на данни клипборда-мишена е същата като на идентификатора на текстовото поле. Това е необходимо, за да се установи връзка, от каквито и да било съдържание място трябва да се вземат, когато кликнат.

Пълна документация на ZeroClipboard плъгин може да бъде намерена на страницата на проекта Github свързани по-горе.

За да бъдете в крак със свежи статии и уроци да се абонират за седмичен бюлетин или RSS емисия RSS. Благодарим Ви!