如何实现点击a标签复制span中的内容

enter_shift 2017-06-25 03:00:30
代码是这样的
<a href="#"><i class="address-book-o"></i><span class="sr-only">这里的内容被复制</span>点击复制</a>
点击a的时候,把span里的文字复制到剪切板

还有点击a标签把span的文字传值到textarea

这两种是怎么实现的?求大神给源码,百度找了一大堆,都是点击a复制a的内容,我想要点击a复制span和传值span的
...全文
1972 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
weixin_44367918 2019-03-25
  • 打赏
  • 举报
回复
[code=python][code=sql][code=php][code=csharp][code=c][code=objc][code=vb]
[/code][/code][/code][/code][/code][/code][/code]
enter_shift 2017-06-25
  • 打赏
  • 举报
回复
引用 3 楼 showbo 的回复:
[quote=引用 2 楼 enter_shift 的回复:] [quote=引用 1 楼 showbo 的回复:] <a href="#" onclick="document.getElementById('ta').value=this.getElementsByTagName('span')[0].innerHTML"><i class="address-book-o"></i><span class="sr-only">这里的内容被复制</span>点击复制</a> <textarea id="ta"></textarea>
谢谢大佬。有没有点击a直接复制span内容的代码呀[/quote]复制到系统剪贴板?pc用flash,移动端不行 jquery.zclip.js jquery剪贴板插件[/quote] 不是不是,就是点了之后可以Ctrl+v粘贴出来就行
Go 旅城通票 2017-06-25
  • 打赏
  • 举报
回复
引用 2 楼 enter_shift 的回复:
[quote=引用 1 楼 showbo 的回复:] <a href="#" onclick="document.getElementById('ta').value=this.getElementsByTagName('span')[0].innerHTML"><i class="address-book-o"></i><span class="sr-only">这里的内容被复制</span>点击复制</a> <textarea id="ta"></textarea>
谢谢大佬。有没有点击a直接复制span内容的代码呀[/quote]复制到系统剪贴板?pc用flash,移动端不行 jquery.zclip.js jquery剪贴板插件
enter_shift 2017-06-25
  • 打赏
  • 举报
回复
引用 1 楼 showbo 的回复:
<a href="#" onclick="document.getElementById('ta').value=this.getElementsByTagName('span')[0].innerHTML"><i class="address-book-o"></i><span class="sr-only">这里的内容被复制</span>点击复制</a> <textarea id="ta"></textarea>
谢谢大佬。有没有点击a直接复制span内容的代码呀
Go 旅城通票 2017-06-25
  • 打赏
  • 举报
回复
<a href="#" onclick="document.getElementById('ta').value=this.getElementsByTagName('span')[0].innerHTML"><i class="address-book-o"></i><span class="sr-only">这里的内容被复制</span>点击复制</a> <textarea id="ta"></textarea>

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧