栏目分类:
子分类:
返回
终身学习网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
终身学习网 > IT > 软件开发 > Web开发 > jQuery

jQuery实现点击复制到剪切板源码

jQuery 更新时间:发布时间: 百科书网 趣学号

  jQuery如何实现点击复制内容到剪切板?以前是通过一个叫做Clipboard的js插件实现的,之所以用它是因为QQ微信内复制可能会失败,不过最近在themebetter的用户中心插件中看到了一段关于复制下载提取码的js代码,发现很好用,关键是简单,哈哈哈,分享给大家。


function copy_text(t) {$('body').append('<input type="text" id="tbm-copy-area" value="' + t.data("text") + '">'),$("#tbm-copy-area")[0].select(),document.execCommand("copy"),alert("复制成功"),$("#tbm-copy-area").remove()}



假设一段需要复制内容的HTML代码如下


<a  id="copy" data-text="www.daimadog.com">点我复制</a>



jQuery使用如下代码即可。

$("#copy").click(function() {copy_text($this);});


转载请注明:文章转载自 www.051e.com
本文地址:http://www.051e.com/it/743391.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 ©2023-2025 051e.com

ICP备案号:京ICP备12030808号