跨浏览器的复制文本功能

最新推荐文章于 2022-07-27 16:37:37 发布

彖爻之辞

最新推荐文章于 2022-07-27 16:37:37 发布

阅读量453

点赞数

<html>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <body>
        <!--data-clipboard-target指定复制的数据源为ID为spanBox的元素-->
        <button id="btnCopy" data-clipboard-target="spanBox">点我复制</button>
        <span id="spanBox">哎呀被点到了</span>
        <script src="ZeroClipboard.min.js"></script>
        <script>
            function copyString(strBtnId) {
                //针对ie6
                if ($.browser.version == 6.0) {
                    $('#' + strBtnId).bind("click", function() {
                        strDomId = $(this).attr('data-clipboard-target');
                        window.clipboardData.setData("Text", $('#' + strDomId).val());
                        alert('复制成功');
                    })
                    return;
                }

                var config = {
                    moviePath: "http://img1.tiancitycdn.com/mh/homepage/js/ZeroClipboard20140122.swf",
                    forceHandCursor: true, //复制按钮手型提示
                    debug: false //发送控制台消息
                };
                var client = new ZeroClipboard(document.getElementById(strBtnId), config);
                client.on("load", function(client) {
                    client.on("complete", function(client, args) {
                        alert('复制成功');
                    });
                });
            }

            (function() {
                copyString('btnCopy');
            })();
        </script>
    </body>
</html>

彖爻之辞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
跨浏览器的复制文本功能

点我复制哎呀被点到了 function copyString(strBtnId) { //针对ie6 if ($.browser.version == 6.0) { $('#' + strBtnId).bind("cl
复制链接

扫一扫