跨浏览器的复制文本功能

js控件地址:https://github.com/zeroclipboard/zeroclipboard

指令说明:https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/instructions.md

注意:这个复制功能只能放在服务器上才有用,因为swf有domain的控制trustedDomains 设置.

 

跨浏览器的复制文本功能
<html>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <body>
        <button id="btnCopy">点我有惊喜</button>
        <script src="ZeroClipboard.min.js"></script>
        <script>
            /**
             * 复制文本
             * @param {type} strCopyBtnId 触发复制事件的控件
             * @param {type} strText 复制的内容
             */
            function copyString(strBtnId, strText) {
                var clip = new ZeroClipboard(document.getElementById(strBtnId), {
                    moviePath: "ZeroClipboard.swf"
                });

                clip.on("load", function(client) {
                    client.setText(strText);
                    client.on("complete", function(client, args) {
                        this.style.display = "none";
                        alert(复制成功);
                    });
                });
            }

            (function() {
                copyString(btnCopy, 呵呵);
            })();
        </script>
    </body>
</html>
跨浏览器的复制文本功能

跨浏览器的复制文本功能

上一篇:具备互联网思维的在线教育是怎样的?


下一篇:推荐算法之计算相似度