首页 > 上网技巧 > 电脑小技巧 > 正文

JS实现复制到粘贴板剪切板并兼容所有浏览器

时间:2013-01-28 09:26 作者:QQ地带 我要评论

如果只是兼容IE可用如下方法实现:


function copyToClipboard() {


    var format = "text";


    var value;


    var isIE = false;


    if(!+[1,]) {


        isIE = true;


    }  


    if(isIE) {


        value = document.getElementById("exCode").outerText;


        if(window.clipboardData) {


            window.clipboardData.setData(format, value);


        }


        alert("已拷贝到剪切板!");


    }  


}


但是非IE等浏览器及Firefox、Chrome、Opera等都不支持window.clipboardData对象,且不允许前端页面直接复制元素信息至剪贴板,所以要实现兼容所有浏览器的实现复制到剪贴板的功能需用到ZeroClipboard.js、ZeroClipboard.swf、jquery-1.7.1.js等核心JS Framework:


具体实现如下:


 


$(function() {


             ZeroClipboardInit();


});


function ZeroClipboardInit() {


   var clip = new ZeroClipboard.Client();


   clip.addEventListener('complete', function(client, text) {


       alert("已拷贝到剪切板!");


//多个拷贝按钮需要绑定拷贝时需移除上一个clip


    clip.destroy();


   });


   clip.setText('what you want to copy to Clipboard');


//绑定DOM中的元素ID,一般为Input


   clip.glue('BtnExport');


}


注:ZeroClipboard包下载地址如下:http://code.google.com/p/zeroclipboard/


标签:JS
顶一下
(2)
100%
踩一下
(0)
0%

Google提供的广告