1. 程式人生 > >jquery復制值到剪切板(clipboard.js)

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

下載地址 java nbsp cti query 測試 ext scrip ons

引入一個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)