Время для прочтения: 1 мин. 29 сек.

ZeroClipboard: копирование в буфер обмена

Библиотека ZeroClipboard предоставляет простую возможность копирования текста в буфер обмена, используя невидимый Adobe Flash ролик и JavaScript интерфейс.

Библиотека работает в фоновом режиме, скрытом от пользователя, поэтому разработка всего интерфейса остаётся за вами.

«Zero» полностью совместим c Flash Player 10, которому для копирования в буфер обмена необходим клик пользователя внутри ролика. Это достигается автоматически за счёт плавающего прозрачного невидимого ролика на вершине DOM-дерева.

Библиотека работоспособна во всех современных браузерах.

  • Firefox 3.5
  • Internet Explorer 8
  • Google Chrome 3
  • Opera 10
  • Safari 4

Поддерживаются Flash Player 9 и 10.

Из полезных вкусностей стоит также отметить:

  • привязка к DOM элементу (Gluing) — указав ID элемента в DOM-дереве, вы привяжите к нему флешку для копирования в буфер обмена. Она встанет поверх этого элемента, подстроившись под его размеры;
  • CSS эффекты — создание псевдоклассов «hover», «active», поведение которых задаётся через CSS;
  • поддержка стандартных событий — onLoad, onMouseOver, onMouseOut, onMouseDown, onMouseUp, onComplete.

Важно

Zero Clipboard НЕ работает с локального диска, это ограничение связано с безопасносью самого Adobe Flash Player при использовании моста Flash Player — JavaScript. Проще говоря адрес должен начинаться с http:// или https://.

Если вас не волнует безопасность, можно отредактировать свои локальные настройки Flash Player, посетив для этого специальную страницу.

Ссылки

Пошерить
Плюсануть
Отправить
Вотсапнуть

WordPress Digest Мой канал в Телеграм, посвящённый WordPress

К сожалению ни одна из ссылок примеров (кроме последней) не работает.

Кобзарёв Михаил

Статья датируется 2009 годом, поэтому ссылки битые. Обновил статью и ссылки - смотрите.

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

1. Нажимая на кнопку "Отправить", я даю согласие на обработку персональных данных.

2. Для вставки кода используйте специальные теги [code lang="php"]ваш код[/code]