经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中。其实这个功能实现起来也不难,核心就是用到了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>
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.csdn.net/skyboxgogo/article/details/8768683 详解-----