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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM