JQ JS复制到剪贴板
Posted 王召波
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JQ JS复制到剪贴板相关的知识，希望对你有一定的参考价值。
示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script src="clipboard.min.js"></script> <!-- Target --> <textarea id="bar">Mussum ipsum cacilds...</textarea> <!-- Trigger --> <button class="btn" data-clipboard-action="cut" data-clipboard-target="#bar"> Cut to clipboard </button> <button class="btn" data-clipboard-text="Just because you can doesn‘t mean you should — clipboard.js"> Copy to clipboard </button> <script> var clipboard = new ClipboardJS(‘.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> </button> </body> </html>
如果不需要任何提示这样就可以了
<button class="btn" data-clipboard-text="这里是复制的文本"> 点击复制 </button> <script> new ClipboardJS(‘.btn‘); </script>
下载地址:https://github.com/zenorocha/clipboard.js
以上是关于JQ JS复制到剪贴板的主要内容，如果未能解决你的问题，请参考以下文章
JQery插件clipboard.js ----将文本复制到剪贴板的现代化方法