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

1.添加引用

<script src="/XX/XX/clipboard.min.js"></script>

(自己在网上下载)

2.复制按钮

<button class="btn btn-info" type="button" >

  复制

</button>

(加粗部分属性是必须的)

<table ></table>

(此处我想操作复制的内容针对表格,这里的表格我用的jqgrid)

3.复制内容承载的文本域

<textarea ></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);

});

(内容的话可以根据自己需要写,我这里主要是针对表格)