分类:
前端
方法一:
function copyContent(content) { //获取要赋值的input的元素 var inputElement = document.getElementById("copy_content"); //给input框赋值 inputElement.value = content; //选中input框的内容 inputElement.select(); // 执行浏览器复制命令 document.execCommand("Copy"); //提示已复制 alert('已复制'); }
这种方式只能复制,text,textarea的内容,而且!!!不能 复制隐藏域的内容
方法二:借助第三方Js之clipboard.js
下载地址:
使用:
var clipboard = new ClipboardJS('#mytestbut', { text: function () { return $("#copy_content").val(); } }); clipboard.on('success', function (e) { alert('已复制') e.clearSelection(); }); clipboard.on('error', function (e) { alert("复制失败"); });
这里的mytestbut就是你按钮的id,当然可以是class选择器,然后copy_content就是你需要复制的内容比如text,textare而且可以是隐藏域!
注意那个text哪里不能直接复制,他就是设计的通过一个回调函数来!
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
评价
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术