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

需求如题。

静态页面如下。

需要的库: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";
        }

参考:

https://blog.csdn.net/hackersaillen/article/details/45694181

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/designMode

转载:

https://www.cnblogs.com/foxcharon/p/9483165.html

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

posted @ 2021-12-03 18:30  不经一番寒彻骨  阅读(253)  评论(0编辑  收藏  举报