跨浏览器实现复制粘贴功能

今天整理一下用的很平常的复制粘贴功能(跨浏览器)

需要引入:

ZeroClipboard.js 和 ZeroClipboard.swf(flas插件),并放在同一目录下

脚本如下:

<script>
    var clip = null;
    function copyFunction() {
        clip = new ZeroClipboard.Client();
        clip.setHandCursor(true);                   // 设置鼠标为手型
        clip.setText( $("#copyId").attr('value') ); // 点击复制按钮获取到的值,这里copyId为复制按钮的id
        clip.glue('copyId' );                       // 点击按钮实现粘贴
        clip.addEventListener( 'complete', function( client, text ){
        // 在此处添加完成复制后的代码  如alert("复制完成!");
        });
    }
 });
</script>


最后调用这个function即可(ps:如果出现需要复制两次才成功的情况,调用此function时把click事件换成mouseover)如:

$("####").unbind('mouseover').bind("mouseover",function(){
   copyFunction();
});

你可能感兴趣的:(跨浏览器,复制粘贴)