1. 程式人生 > >js/jquery常用方法------復制粘貼至剪切板

js/jquery常用方法------復制粘貼至剪切板

eight style tar boa round area 粘貼 select clas

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常用方法------復制粘貼至剪切板