1. 首页
  2. 编程语言
  3. Javascript
  4. JS复制对应id的内容到粘贴板(Ctrl+C效果)

JS复制对应id的内容到粘贴板(Ctrl+C效果)

上传者: 2021-12-13 21:58:36上传 PDF文件 69.58 KB 热度 15次

最近在做一个按钮,实现的效果是当点击后复制url到黏贴板,但不是当前页面url,而是对应一个元素的url,且一个页面会有多个url。一开始找到一个方法,但是竟然只兼容IE浏览器,神奇了,竟然有只兼容IE的东西。后来发现一个zeroclipboard.js这个插件,但是怎么也搞不出那个效果,有点麻烦。最后翻到了一个js封装好的方法,有效!点击复制文件链接这个按钮,复制input框里的value值,是传进去的一个url;首先点击a标签会触发getUrl这个函数;传进去id用于找到对应的input然后取值。有一点的是html中input的样式用style="margin-left: -9999px"进行隐藏,因为不知道为什么用type="hiden"或者display="none"去隐藏都只会获取源代码而不是动态的url遍历出来的值。

下载地址
用户评论