JavaScript实现复制功能各浏览器支持情况实测

这两天在做Web前端时，遇到需求通过js实现文本复制的功能。
先不考虑浏览器的兼容性，看看各浏览器对复制功能的支持情况：

1、IE浏览器，解决方法有三种，代码如下：

复制代码 代码如下:

function copy(txtid){
var txtObj = document.getElementById(txtid);
if(window.clipboardData){ // 仅IE支持此对象，firefox、chrome不支持
//1、通过clipboardData对象实现复制
//window.clipboardData.clearData();
//window.clipboardData.setData("Text",txtObj.value);

//2、通过document对象实现复制:先选择中文本，再执行复制命令
//txtObj.select();
//document.execCommand("Copy"); // 仅IE支持，Firefox报语法错误，chrome执行结果返回false(不支持)

//3、通过TextRange对象实现现复制：可以不用先选中内容
txtObj.createTextRange().execCommand("Copy");
}
}

复制代码 代码如下:

var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interface.nsIClipboard);

复制代码 代码如下:

var clip = new ZeroClipboard.Client(); // 新建一个clip对象
clip.setHandCursor( true ); // 设置鼠标为手型
clip.setText("hello,world"); // 设置要复制的文本，可以为文本框的值
clip.glue("copy-botton"); // 为clip注册一个按钮，参数为按钮元素的id，点击按钮就可以实现复制