很简单的JS点击复制(代码)

最新推荐文章于 2024-04-26 11:22:00 发布

weixin_33901641

最新推荐文章于 2024-04-26 11:22:00 发布

阅读量826

点赞数

原文链接：https://yq.aliyun.com/articles/658223

版权

原理:
模拟通过全选表单内的textarea数据调用浏览器Copy命令实现复制

示例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"> 
    <title>复制</title>
</head>
<body>
    <script>  
           var textCopy=function (data) {
                var f=document.createElement("form");
                f.id="copy-"+Date.parse(new Date());
                f.onsubmit=function(){return false};
                f.style="opacity: 0;height: 1px;width: 1px;overflow: hidden;position:fixed;top: -1;left: -1;z-index: -1;"
                f.innerHTML=`<button onclick='story.select();document.execCommand("Copy");'></button>
                <textarea name="story">${data}</textarea>`;
                document.body.appendChild(f);
                document.querySelector(`#${f.id}>button`).click();  
                document.body.removeChild(document.getElementById(f.id));
            } 
    </script>
    <input id="test"  value="" />
    <button onclick="textCopy(document.getElementById('test').value)" >复制</button>    
</body>
</html>

压缩版下载:calculator.min.js

weixin_33901641

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
很简单的JS点击复制(代码)

原理:模拟通过全选表单内的textarea数据调用浏览器Copy命令实现复制示例<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>复制</titl...
复制链接

扫一扫