Heim  >  Artikel  >  Web-Frontend  >  Clipboard.js JavaScript-Bibliothek zum Kopieren und Einfügen ohne Flash_javascript-Tipps

Clipboard.js JavaScript-Bibliothek zum Kopieren und Einfügen ohne Flash_javascript-Tipps

WBOY
WBOYOriginal
2016-05-16 15:37:331389Durchsuche

clipboard.js implementiert die Funktion, Browserinhalte in die Systemzwischenablage zu kopieren, in reinem JavaScript (kein Flash). Kann in Browser- und Node-Umgebungen verwendet werden. Unterstützt Chrome 42, Firefox 41, IE 9, Opera 29

Offizielle Website: https://github.com/zenorocha/clipboard.js

Software-Download: http://www.jb51.net/jiaoben/385604.html

Offizielle Verwendung: https://zenorocha.github.io/clipboard.js/#example-text

Beispielcode:

Offizielles Beispiel eins:
Online-Demo: 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>

Offizielles Beispiel zwei:

<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>
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn