1.添加引用
<script src="/XX/XX/clipboard.min.js"></script>
(自己在网上下载)
2.复制按钮
<button class="btn btn-info" type="button" id="btnCopy" title="复制" data-clipboard-action="copy" data-clipboard-target="#ShortURL">
复制
???????????????</button>
(加粗部分属性是必须的)
<table id="table_list"></table>
(此处我想操作复制的内容针对表格,这里的表格我用的jqgrid)
3.复制内容承载的文本域
<textarea id="ShortURL" name="ShortURL" placeholder="" readonly="" style="width:1px;height:1px;position:absolute;top:0;left:-100px;"></textarea>
4.jquery部分
var clipboard = new Clipboard(‘#btnCopy‘);
???????clipboard.on(‘success‘, function () {
??????????? parent.layer.alert("内容已复制到剪贴板!");
???????});
???????clipboard.on(‘error‘, function () {
??????????? parent.layer.alert("XXX!");
???????});
???????$("#btnCopy").click(function () {
??????????? var value = [];
??????????? var data = JucheapGrid.GetAllSelected("table_list");
??????????? for (var i = 0; i < data.Data.length; i++) {
??????????????? var id = data.Data[i];
??????????????? var d = $(‘#table_list‘).jqGrid("getRowData", id);
??????????????? value.push(d.Title);
??????????????? value.push(d.Content);
??????????? }
??????????? var text = value.join("\n");
??????????? $("#ShortURL").val(text);
???????});
(内容的话可以根据自己需要写,我这里主要是针对表格)
js/jquery常用方法------复制粘贴至剪切板
原文地址:https://www.cnblogs.com/LiCoco/p/9641925.html