js实现浏览器兼容复制功能

    经常看到这样一种效果：就是单击一个按钮，就将某个区域内的内容，复制到了剪切板中。其实这个功能实现起来也不难，核心就是用到了window子对象clipboardData的一个方法：setData()
语法：
    clipboardData.setData(sDataFormat, sData)
参数：sDataFormat：要复制的内容的格式；sData：要复制的内容。
返回值：复制成功返回true；失败返回false。

<script language="JavaScript">
function jianqie(id)
{var id;
var text=document.all(id).innerText
if (clipboardData.setData("text",text))
{alert("复制成功!")}
else
{alert("复制失败!")}
}
</script>

 

 

 

IE js代码:

复制代码 代码如下:

<script type="text/javascript">
function copyUrl2()
{
var Url2=document.getElementById("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好，可贴粘。");
}
</script>
<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />

 

 

chrome JS代码:

复制代码 代码如下:

<script src="http://www.weicaiyun.com/assets/js/copy/ZeroClipboard.js"></script>

<script type="text/javascript">

var clip = new ZeroClipboard.Client();
clip.setHandCursor( true );
clip.setText('复制内容');
clip.glue('button');

</script>

<input type="button" id="button" value="点击复制代码" /> 

 

http://zeroclipboard.org/#demo   //zeroclipboard下载地址

 

 

http://blog.youkuaiyun.com/skyboxgogo/article/details/8768683 详解-----

转载于:https://www.cnblogs.com/MrZouJian/p/5369059.html