JS复制内容到剪切板(附源码)

闲来无事基于现有开放的数据平台开发一款社工软件,其中一个小功能是还原被星号隐藏的身份证号码。通过该小工具过滤后大约会剩余36个身份证号,为了方便手工验证,特意增加了一键复制功能。

效果截图:

JS复制内容到剪切板

JS复制内容到剪切板代码片段:

1、给“一键复制”按钮增加onclick="copyText(this);"属性。

2、copyText脚本:

  1. //复制内容到剪切板
  2.     function copyText(e) {
  3.         var tr = $(e).parent().siblings("td");
  4.         const elem = document.createElement('textarea');
  5.         elem.value = tr.eq(2).text();
  6.         document.body.appendChild(elem);
  7.         elem.select();
  8.         document.execCommand('copy');
  9.         document.body.removeChild(elem);
  10.         $.msg.success("复制成功!");
  11.     }

在上述代码中最后一行属于我项目集成的提示功能,您在自己项目中需要提示的话需要改动,第5行代码主要是获取到table表格中的内容赋值给文本域,实际使用时根据自身情况修改,活学活用。

你想把广告放到这里吗?

发表评论

您必须 登录 才能发表留言!