Maison > interface Web > js tutoriel > Bibliothèque copier-coller JavaScript Clipboard.js sans astuces Flash_javascript

Bibliothèque copier-coller JavaScript Clipboard.js sans astuces Flash_javascript

WBOY
Libérer: 2016-05-16 15:37:33
original
1467 Les gens l'ont consulté

clipboard.js implémente la fonction de copie du contenu du navigateur dans le presse-papiers du système en JavaScript pur (pas de Flash). Peut être utilisé dans les environnements de navigateur et de nœud. Prise en charge de Chrome 42, Firefox 41, IE 9, Opera 29

Site officiel : https://github.com/zenorocha/clipboard.js

Téléchargement du logiciel : http://www.jb51.net/jiaoben/385604.html

Utilisation officielle : https://zenorocha.github.io/clipboard.js/#example-text

Exemple de code :

Premier exemple officiel :
Démo en ligne : http://demo.jb51.net/js/2015/clipboard/

<script src="clipboard.min.js"></script>
 <textarea id="bar" cols="62" rows="5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">脚本之家是国内专业的网站建设资源、脚本编程学习类网站,提供asp、php、asp.net、javascript、jquery、vbscript、dos批处理、网页制作、网络编程、网站建设等编程资料。</textarea>

<!-- Trigger -->
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#bar">
  Cut to clipboard
</button>
<script>
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
  console.info('Action:', e.action);
  console.info('Text:', e.text);
  console.info('Trigger:', e.trigger);
alert("复制成功");
  e.clearSelection();
});

clipboard.on('error', function(e) {
  console.error('Action:', e.action);
  console.error('Trigger:', e.trigger);
});
</script>
Copier après la connexion

Exemple officiel deux :

<script src="dist/clipboard.min.js"></script>
<button class="btn">
<script type="text/javascript">
var clipboard = new Clipboard('.btn');

clipboard.on('success', function(e) {
  console.info('Action:', e.action);
  console.info('Text:', e.text);
  console.info('Trigger:', e.trigger);

  e.clearSelection();
});

clipboard.on('error', function(e) {
  console.error('Action:', e.action);
  console.error('Trigger:', e.trigger);
});
</script>
Copier après la connexion
É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