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
Lepaskan: 2016-05-16 15:37:33
asal
1472 orang telah melayarinya

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>
Salin selepas log masuk

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>
Salin selepas log masuk
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan