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