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

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

更多相关文章

  1. jquery 生成table表格 部分代码
  2. Chrome显示错误为:由于内容安全策略,拒绝执行内联脚本
  3. 请帮我解决这个乱糟糟的HTML表格
  4. 单击列表项时如何编写内容? [重复]
  5. 如何防止滚动体内容,并在打开时允许在非画布导航下滚动?
  6. 将表格单元格字体更改为粗体
  7. HTML中的select下拉框内容显示不全的解决办法
  8. 2003生成 注释web页问题,第二级的html 内容为空? 为什么?
  9. 9.1.4 前端 - HTML body标签 - 标题,段落,分割线,换行,特殊符号,列

随机推荐

  1. android main.xml分析。。一点点补充
  2. Android(安卓)Things(一)-简介篇
  3. Android绘图三大基本类
  4. 解决 Android N 7.0 上 报错:android.os.F
  5. android 添加 iconv 支持
  6. Android(安卓)获取Root权限 详细图解
  7. Busybox for android
  8. Android 中 ScrollView 的基本使用
  9. android中Textview如何限制在一行显示且
  10. android Material