Heim > Web-Frontend > js-Tutorial > 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
Freigeben: 2016-05-16 15:37:33
Original
1473 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage