码迷,mamicode.com
首页 > Web开发 > 详细

js跨浏览器复制: ZeroClipboard

时间:2017-11-04 13:23:29      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:his   nbsp   str   cli   pat   alert   ext   clip   选中   

实例结构:

技术分享

 

 

demo.html

 

<script type="text/javascript" src=‘http://code.jquery.com/jquery.js‘></script>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<script>
$(function(){

    //选中代码
    $(‘.txt_code‘).click(function(){
        $(this).select();
    });

    //设置swf路径
    ZeroClipboard.setMoviePath("ZeroClipboard.swf"); 
    //创建对象
    var clip = new ZeroClipboard.Client();
    //设置手型
    clip.setHandCursor(true); 
    //绑定按钮
    clip.glue(‘btn_copy‘);
    //复制内容
    clip.addEventListener( "mouseOver", function(client) {
        client.setText($(‘.txt_code‘).val());
    });
    //复制成功后的提示
    clip.addEventListener( "complete", function(){    
        alert("copyed successful");     
    }); 

});

</script>

<textarea class=‘txt_code‘>sssssssssss</textarea>
<input type=‘button‘ value=‘copy‘ id=‘btn_copy‘ />


 

js跨浏览器复制: ZeroClipboard

标签:his   nbsp   str   cli   pat   alert   ext   clip   选中   

原文地址:http://www.cnblogs.com/upup2015/p/7782622.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!