• 【javascript】复制到剪贴板功能(支持目前各种浏览器)


    本demo支持各种浏览器复制,亲测可用(IE8,IE9,IE10,火狐,谷歌)。

    本demo中使用了ZeroClipboard(下载地址:https://github.com/zeroclipboard/zeroclipboard)。

    本demo 必须在服务器环境下,浏览器直接打开无效。

    本demo 需要引入3个文件:jquery.min.js、ZeroClipboard.min.js和ZeroClipboard.swf。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>复制到剪切板demo</title>
    <script type="text/javascript" src="/webtest/js/jquery.min.js"></script>
    <script type="text/javascript" src="/webtest/js/ZeroClipboard.min.js"></script>
    </head>
    <body>
        <input type="button" value="复制当前页面url" class="my_copy" >
    </body>
    <script type="text/javascript">
    
    $(function() {
        var url = window.location.href;
        
        try{//支持ZeroClipboard
            ZeroClipboard.config( { swfPath:  "/webtest/js/ZeroClipboard.swf" } );
            $(".my_copy").each(function(i) {
                var client = new ZeroClipboard($(this));
                client.on("copy", function (event) {
                      var clipboard = event.clipboardData;
                      clipboard.setData( "text/plain", url);
                      alert('当前页面链接已复制到剪贴板!');
                      // clipboard.setData( "text/html", "<b>Copy me!</b>" );
                      // clipboard.setData( "application/rtf", "{\rtf1\ansi
    {\b Copy me!}}" );
                    });
            });
        }catch(e){
            //不支持ZeroClipboard
            $(".my_copy").each(function(i) {
                $(this).on("click", function(){
                    var res = window.clipboardData.setData("Text", encodeURI(url));
                    if(res){
                        alert('收集链接已复制到剪贴板!');
                    }
                    
                });
                
            });
        }
        
    
    })
    </script>
    </html>
  • 相关阅读:
    js加密
    sharepoint更新左侧列表的名字
    HTML转换JS
    Html空格字符代码:
    docker 与host互传文件
    Ubuntu里node命令出错,找不到
    docker查看运行容器详细信息
    docker保存容器的修改
    Docker容器中安装新的程序
    运行docker容器镜像
  • 原文地址:https://www.cnblogs.com/haha12/p/5395796.html
Copyright © 2020-2023  润新知