首页 > 其他 > 详细

点击按钮复制文本

时间:2018-11-13 21:37:05      阅读:165      评论:0      收藏:0      [点我收藏+]

点击按钮,进行文本复制操作。实现这个功能需要二点;

 一:用window.getSelection().selectAllChildren(“”)获取要复制的内容

 二:用document.execCommand ("Copy");进行复制操作

关键代码

 window.getSelection().selectAllChildren(val);
 document.execCommand ("Copy");

 

HTML

<p id="copyWeChat">要复制的内容</p>

<span onclick="copyFn(‘copyWeChat‘)">复制</span>

 

JS

<script>
            
            function copyFn(id){
            var val = document.getElementById(id);
            window.getSelection().selectAllChildren(val);
            document.execCommand ("Copy");
            alert("复制成功")
            }
        </script>

 

点击按钮复制文本

原文:https://www.cnblogs.com/zimengxiyu/p/9954856.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!