js/jquery經常使用方法------複製粘貼至剪切板

1.添加引用jquery

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

（本身在網上下載）ip

2.複製按鈕get

<button class="btn btn-info" type="button" id="btnCopy" title="複製" data-clipboard-action="copy" data-clipboard-target="#ShortURL">
　　複製
</button>it

（加粗部分屬性是必須的）io

<table id="table_list"></table> table

(此處我想操做複製的內容針對表格，這裏的表格我用的jqgrid)function

3.複製內容承載的文本域class

<textarea id="ShortURL" name="ShortURL" placeholder="" readonly="" style="width:1px;height:1px;position:absolute;top:0;left:-100px;"></textarea>cli

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);
});

(內容的話能夠根據本身須要寫，我這裏主要是針對表格)