江湖开发者 | Java粉
网站地图
首页> web前端> js插件复制浏览器内容到剪贴板
2016
02-24

js插件复制浏览器内容到剪贴板

js插件复制浏览器内容到剪贴板


ZeroClipboard.js和ZeroClipboard.swf下载地址:

链接: http://pan.baidu.com/s/1hqW0usG 密码: hiq5


效果:

5P)]B2_3KA]KN(3W%1CSQCT.png

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<textarea cols="80" rows="7" style="font-family:微软雅黑; font-size:12px; padding:0px 10px;" id="fe_text">  
       Java、Android 视频教程,开发工具,教程课件,资源分享...免费下载:http://url.cn/CJkewd

  java江湖:QQ群,169977765
  Java、Android 视频教程,资源分享,不需要的请无视
</textarea><br>

<div style="float:left; margin-top:5px; margin-left:20px; ">
    <a href="javascript:"  id="d_clip_button" title="Click me to copy to clipboard." data-clipboard-target="fe_text" data-clipboard-text="Default clipboard text from attribute">点击复制</a>
</div>



<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="js/ZeroClipboard.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        if(document.all && ( navigator.appVersion.match(/6./i)=="6." ||  navigator.appVersion.match(/7./i)=="7." ||  navigator.appVersion.match(/8./i)=="8.") ){
            $("#d_clip_button").click(function(){
                alert('您的浏览器版本过低,请手动复制发群内容。');
            });
        }else{
            bindCopy();
        }
        function bindCopy(){

            var clip = new ZeroClipboard($("#d_clip_button"));

            clip.on("ready", function() {
                debugstr("Flash movie loaded and ready.");

                this.on("aftercopy", function(event) {
                    debugstr("Copied text to clipboard: " + event.data["text/plain"]);
                });
            });

            clip.on("error", function(event) {
                $(".demo-area").hide();
                debugstr('error[name="' + event.name + '"]: ' + event.message);
                ZeroClipboard.destroy();
            });

            // jquery stuff (optional)
 function debugstr(text) {
                $("#d_debug").append($("<p>").text(text));
            }

            $("#clear-test").on("click", function () {
                $("#fe_text").val("Copy me!");
                $("#testarea").val("");
            });

            clip.on("aftercopy ", function(event) {
                alert("已复制到剪贴板!");
            });
        }
    });
</script>
</body>
</html>



Java江湖     
全部评论:

表情验证码,看不清楚,换一张

随机文章

云标签

公众号

微信

分享:分享我们的知识;专注:专注个人技术的提升;