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

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

WBOY
WBOYoriginal
2016-05-16 15:37:331388parcourir

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>

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>
Déclaration:
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