经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中。其实这个功能实现起来也不难,核心就是用到了window子对象clipboardData的一个方法:setData() 语法:
clipboardData.setData(sDataFormat, sData)
参数:
- sDataFormat:要复制的内容的格式;
- sData:要复制的内容。
返回值:复制成功返回true;失败返回false。
例如
<script>
function copy(id){
var id;
var text=document.all(id).innerText
if (clipboardData.setData("text",text)){
alert("复制成功!")
}else{
alert("复制失败!")
}
}
</script>
clipboardData 对象
提供了对剪贴板的访问。 三个方法
- 1.clearData(sDataFormat) 删除剪贴板中指定格式的数据。
- 2.getData(sDataFormat) 从剪贴板获取指定格式的数据。
- 3.setData(sDataFormat, sData) 给剪贴板赋予指定格式的数据。返回 true 表示操作成功。
兼容问题:出于安全性问题,只有IE支持!!!
常见用法1:禁止复制
```
##### 常见用法2:点击复制指定标记中的内容
//以下是代码片段:
http://pmp.www.jb51.net
点击复制
http://www.www.jb51.net/pmp
点击复制
##### 常见用法3:复制内容后附加信息
</script> function SetCopyContent() { window.event.returnValue = false; var content = window.clipboardData.getData(“Text”) + “/r/n”; content += “本资源来自简书 “ + this.location.href; window.clipboardData.setData(‘Text’, content); alert(“复制成功,请粘贴到你的QQ/MSN上推荐给你的好友”); } </script>
```