ZeroClipboard-复制到剪贴板

最新推荐文章于 2021-03-24 11:57:25 发布

dreamzml

最新推荐文章于 2021-03-24 11:57:25 发布

阅读量2.6k

点赞数

分类专栏： Php技术文章标签： Zero Clipboard 复制剪贴板 ZeroClipboard

本文链接：https://blog.csdn.net/dreamzml/article/details/8628831

版权

Php技术专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<a href="javascript:void(0)" id="btnCopy_1" copyContent="aaa">复制链接</a> 
<a href="javascript:void(0)" id="btnCopy_2" copyContent="bbb">复制链接</a> 
<a href="javascript:void(0)" id="btnCopy_3" copyContent="ccc">复制链接</a> 
<a href="javascript:void(0)" id="btnCopy_4" copyContent="ddd">复制链接</a> 
<a href="javascript:void(0)" id="btnCopy_5" copyContent="eee">复制链接</a> 


<script src="<?php echo Yii::app()->baseUrl;?>/js/ZeroClipboard/ZeroClipboard.js"></script>  
<script type="text/javascript">
$(function(){  
    //设置ZeroClipboard.swf的路径  
    ZeroClipboard.setMoviePath("<?php echo Yii::app()->baseUrl;?>/js/ZeroClipboard/ZeroClipboard.swf");   
    $("a[id^=btnCopy_]").each(function(){  
        var clip = new ZeroClipboard.Client();    
        clip.setHandCursor(true);   
          
        var obj = $(this);  
        var id = $(this).attr("id");  
        var content = $(this).attr("copyContent");  
        clip.setText(content);    
        clip.glue(id);  
          
        //这个是复制成功后的提示    
        clip.addEventListener( "complete", function(){    
            art.dialog({
            	title: '复制图片地址',
            	okValue:'确认',
            	content:"已经复制到剪切板！<br>"+"\n"+content,
        	    ok: function () {
        	        return true;
        	    },
              }); 
        });   
    });  
});
</script>