html 将引导模式的主体复制到剪贴板,该主体是来自js的表

vcudknz3  于 2022-12-09  发布在  其他
关注(0)|答案(1)|浏览(83)

我有一个模态,生成一个表,从js调用,我想复制该表(“表”)到用户的剪贴板。我知道有一个以前的答案,解决这个问题,但那是一个文本输入。该解决方案不为我工作。我是非常新的JS,对不起的无知。任何帮助将不胜感激。
超文本标记语言

<div class="modal-body">
  <div id="table">
</div>
<div class="modal-footer">
  <a href="#" id="copy" data-clipboard-target="#copy-input" class="btn btn-default">Copy input 
  content to clipboard</a>
  <a href="link.com" class="btn btn-primary" role="button" aria- 
  pressed="true">Done</a>
</div>

JS系统

$(".modal").on("shown.bs.modal", function() {
  console.log('a', Clipboard, $('#copy'), $("#copy-input").val());
  var clipboard = new Clipboard('#copy')
});
lymnna71

lymnna711#

有几种方法,但这是我的方法
W3 Example table
W3 copy to keyboard
1.获取要为其提取数据的表(getElementById
1.循环.rows数据
1.在查看行时,查找每行.children(单元格)的.innerText
1.转换为字符串,因为剪贴板只接受字符串
如果您希望结果以某种方式格式化,则可能需要对此进行一些修改,但这将取决于您的使用情况和表结构...
第一个

相关问题