Rumah >hujung hadapan web >tutorial js >Pustaka salin-tampal JavaScript Clipboard.js tanpa petua Flash_javascript

Pustaka salin-tampal JavaScript Clipboard.js tanpa petua Flash_javascript

WBOY
WBOYasal
2016-05-16 15:37:331468semak imbas

clipboard.js melaksanakan fungsi menyalin kandungan penyemak imbas ke papan keratan sistem dalam JavaScript tulen (tiada Flash). Boleh digunakan dalam pelayar dan persekitaran Node. Sokong Chrome 42, Firefox 41, IE 9, Opera 29

Tapak web rasmi: https://github.com/zenorocha/clipboard.js

Muat turun perisian: http://www.jb51.net/jiaoben/385604.html

Penggunaan rasmi: https://zenorocha.github.io/clipboard.js/#example-text

Kod sampel:

Contoh rasmi satu:
Tunjuk cara dalam talian: 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>

Contoh rasmi dua:

<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>
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn