jquery复制值到剪切板(clipboard.js)

Posted cathy_ming

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery复制值到剪切板(clipboard.js)相关的知识,希望对你有一定的参考价值。

引入一个clipboard.js文件即可使用,下载地址:https://github.com/zenorocha/clipboard.js

<script type="text/javascript" src="/UI/scripts/clipboard.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.min.js"></script>

$(document).ready(function () {

if ($(".btnCopy").length > 0) {
var clipboard = new ClipboardJS(‘.btnCopy‘);
//clipboard.on(‘success‘, function (e) {
// console.log(e);
// alert("测试复制成功!")
//});
//clipboard.on(‘error‘, function (e) {
// console.log(e);
// alert("测试复制失败!请手动复制")
//});
}
});

 

页面:

<span id="PayeeName">1111</span><input type="button" class="btnCopy" data-clipboard-action="copy" data-clipboard-target="#PayeeName" value="复制" />

<span id="bankName">222</span><input type="button" class="btnCopy" data-clipboard-action="copy" data-clipboard-target="#bankName" value="复制" />

 













以上是关于jquery复制值到剪切板(clipboard.js)的主要内容,如果未能解决你的问题,请参考以下文章

jQuery-zclip实现复制内容到剪切板

js/jquery常用方法------复制粘贴至剪切板

如何在移动端复制到剪切板

JavaScript如何点击实现复制文字到剪切板呢?

jquery复制文本到windows剪贴板的方法,jquery copy.js插件怎么用。

Vue复制内容到剪切板