Méthode de mise en œuvre de Zeroclipboard pour un bouton de copie unique et plusieurs boutons de copie_compétences javascript

Zeroclipboard est une classe de bibliothèque multi-navigateurs qui utilise Flash pour la copie, elle peut donc s'exécuter tant que Flash est installé sur le navigateur et est plus flexible que document.execCommand("Copie") d'IE.

Adresse de téléchargement de Zeroclipboard : http://www.jb51.net/jiaoben/24961.html

zeroclipboard implémente la fonction de copie dans le presse-papier multi-navigateur (bouton de copie unique et boutons de copie multiples). Pour une meilleure expérience utilisateur, il suffit désormais de cliquer sur le bouton de copie pour le contenu des zones de texte de nombreux sites Web. être copié sur le tableau Coller

Pour des raisons de compatibilité, il est essentiellement implémenté via zeroclipboard. Tout d'abord, téléchargez zeroclipboard, décompressez et placez ZeroClipboard.js, ZeroClipboard.swf et ZeroClipboard10.swf ("pour flash10") dans le projet. Méthode .setMoviePath( '/ZeroClipboard.swf' ) ;
Ce qui suit est le code compilé (également compilé via une recherche en ligne)

(bouton copie unique) :

html :

Copier le code Le code est le suivant :

Copie




Boutons de copie multiples :

Copier le code Le code est le suivant :copy

Copie

Remarque : clip.setText( $("#copy_txt" id).val() ); Si vous souhaitez récupérer le contenu dans un div, utilisez généralement clip.setText( $("#copy_txt" id).text () ) ;ou clip.setText( $("#copy_txt" id).html() );