当前位置:首页 > 网站建设

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

不详2020-10-26638人围观
js  

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

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

需求如题。

静态页面如下。

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


JS如下

$(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://www.cnblogs.com/foxcharon/p/9483165.html

 

    版权声明:

    博主在此发文(包括但不限于汉字、拼音、拉丁字母)均为随意敲击键盘所出,用于检验本人电脑键盘录入、屏幕显示的机械、光电性能,并不代表本人局部或全部同意、支持或者反对观点

    如需要详查请直接与键盘生产厂商法人代表联系。挖井挑水无水表,不会网购无快递。

    文章内容除非注明原创,否则来源于互联网,不代表本人的任何立场;涉及到的软件来源于互联网,仅供个人下载使用,请勿用于商业用途,版权归软件开发者所有,下载后请于24小时内删除,请支持正版!

    因下载本站任何资源造成的损失,全部责任由使用者本人承担!

    如果你是版权方,认为本文内容对您的权益有所侵犯,请联系博主,待博主进行严格地审查和背景调查后,情况属实的将在三天内将本文删除或修正。

    博主的文章没有高度、深度和广度,只是凑字数。由于博主的水平不高(其实是个菜B),不足和错误之处在所难免,希望大家能够批评指出。