昨天发布一篇关于网页一键复制弹出提示窗口后几秒后自动关闭提示js代码,结果今天朋友用的时候发现只能用在一段文字内容上复制,如果是循环列表的那种内容就没办法每一条都能单独复制,到网上找了一段代码完全可用,我现在把代码贴出来,要用到一个开源的js
clipboard.js 是一个 Github 上的开源项目,可以实现纯 JavaScript 的浏览器内容复制到系统剪贴板的功能。
clipboard.js下载链接: https://pan.baidu.com/s/1v_tWgZTtzqYjqhaG_F7MKw 提取码: ag45 复制这段内容后打开百度网盘手机App,操作更方便哦
以下代码
网页哪里需要一键复制功能就使用这段
<button class="itemCopy red_tkl button_tkl" id="TKLS" type="button" data-clipboard-text="需要复制的内容">一键复制</button>
其中data-clipboard-text="需要复制的内容" 这里的需要复制的内容可以是变量标签,比如可以使用织梦的标题标签,内容标签等等
<button class="itemCopy red_tkl button_tkl" id="TKLS" type="button" data-clipboard-text="需要复制的内容">一键复制</button>
<script src="http://www.520ym.net/clipboard.min.js" type="text/javascript"></script><!-- 这个js文件,上面有下载链接,替换这里的引用地址-->
<script>
var clipboard = new Clipboard('.itemCopy');
clipboard.on('success',
function(e) {
if (e.trigger.disabled == false || e.trigger.disabled == undefined) {
e.trigger.innerHTML = "复制成功";
e.trigger.disabled = true;
setTimeout(function() {
e.trigger.innerHTML = "一键复制";
e.trigger.disabled = false;
},
2000);
}
});
clipboard.on('error',
function(e) {
e.trigger.innerHTML = "复制失败";
});
</script>