Maison > interface Web > js tutoriel > JS compatible avec les navigateurs grand public pour copier du contenu vers les compétences clipboard_javascript

JS compatible avec les navigateurs grand public pour copier du contenu vers les compétences clipboard_javascript

WBOY
Libérer: 2016-05-16 16:27:32
original
1594 Les gens l'ont consulté

De nos jours, il existe de plus en plus de types de navigateurs, tels que IE, Firefox, Chrome, Safari, etc., il n'est donc pas si simple d'implémenter une petite fonction de copie de contenu dans le presse-papiers en js.

À l'ère de FLASH 9, il existait une solution pour tuer tous les js des navigateurs et copier le contenu dans le presse-papiers  :

Cette solution est l'une des méthodes les plus populaires : La célèbre solution Clipboard Copy utilise un clipboard.swf comme pont pour copier le contenu dans le presse-papiers.

Le principe est : créer un fichier flash caché, et attribuer "clipboard=.." à la variable FlashVars en flash Grâce à cette affectation, flash mettra le contenu copié dans le presse-papier. Cette méthode est compatible avec IE, Firefox, Opera, Chrome et Safari. C'est véritablement une solution « universelle ». Le taux d'installation du navigateur Flash est très élevé, ce qui est presque une solution parfaite.

Copier le code Le code est le suivant :

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
http://www.w3.org/1999/xhtml">

Développeur Web - <a href="http://www.Admin10000.com">www.Admin10000.com</a>





Copier le code dans le presse-papiers








Adresse de téléchargement de clipboard.swf :
http://www.jeffothy.com/weblog/uploads/clipboard.php

Mais à l'ère Flash 10, la méthode ci-dessus ne fonctionne plus.

Parce que flash10 stipule que le presse-papiers n'est accessible qu'en effectuant des opérations réelles sur le swf (telles que des clics de souris), et la méthode ci-dessus utilise uniquement un fichier swf caché pour faire fonctionner le presse-papiers flash via javascript, et l'utilisateur ne le fait pas Il n’y a aucune opération réelle sur le fichier swf, cette méthode n’est donc pas valide.

Alors comment résoudre ce problème de « fonctionnement réel » ? Vous pouvez utiliser une bibliothèque JavaScript :

Zero Clipboard

Cette bibliothèque js peut prendre en charge la copie dans le presse-papiers à l'aide de Flash 10. Le principe de cette méthode est de recouvrir un élément du DOM tel qu'un bouton ou un div sur un flash transparent (invisible pour l'utilisateur). Lorsque l'on clique sur le DOM, le flash est effectivement cliqué, accédant ainsi au presse-papier du flash.

Ce qui suit est un exemple débogué :

Copier le code Le code est le suivant :

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
" >
http://www.w3.org/1999/xhtml">

Zéro Test du Presse-papiers






复制


点击下载该类库:

http://www.jb51.net/jiaoben/24961.html

调试时请上传到网站,本地直接打开flash会出错的,没权限。zeroClipboard.js文件里moviePath属性是falsh的地址,就是目录下的那个ZeroClipboard.swf存放的地址位置。

这种js复制内容到剪贴板的方案可支持浏览器:Firefox / IE / opera / chorme / safari 所有浏览器!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal