javascript : 点击按钮，把某标签中的内容复制到剪贴板

最新推荐文章于 2022-11-11 16:44:00 发布

weixin_30702413

最新推荐文章于 2022-11-11 16:44:00 发布

阅读量250

点赞数

文章标签：前端移动开发 javascript ViewUI

原文链接：http://www.cnblogs.com/foxcharon/p/9483165.html

版权

需求如题。

静态页面如下。

需要的库：jquery（不用应该也能做）。

浏览器：PC chrome 68 Mobile MIUI9.5(Android 7)

<p>1.用电脑打开网址：<span id="span">www.baidu.com</span><a id="a" href="javascript:void(0)" onclick="copyFunc()">（点击复制）</a></p>

解决方法：

         $(function () {
            
            $(document.body).bind("copy",function(e){
                var cpTxt = document.getElementById('span').innerHTML;
                var clipboardData = window.clipboardData; //for IE
                if (!clipboardData) { // for chrome
                    clipboardData = e.originalEvent.clipboardData;
                }
                //e.clipboardData.getData('text');//可以获取用户选中复制的数据
                clipboardData.setData('Text', cpTxt);
                alert("已复制到剪贴板");
                return false;//否则设不生效
            })

        })

        function copyFunc(e){
            document.designMode = "on";
            document.execCommand('copy', true);
            document.designMode = "off";
        }