js|js 剪切板的用法(clipboardData.setData)

【js|js 剪切板的用法(clipboardData.setData)】经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中。其实这个功能实现起来也不难,核心就是用到了window子对象clipboardData的一个方法:setData()
语法:

clipboardData.setData(sDataFormat, sData)

参数:
  • sDataFormat:要复制的内容的格式;
  • sData:要复制的内容。
返回值:复制成功返回true;失败返回false。
例如

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:复制内容后附加信息
function SetCopyContent() { window.event.returnValue = https://www.it610.com/article/false; var content = window.clipboardData.getData("Text") + "/r/n"; content += "本资源来自 " + this.location.href; window.clipboardData.setData('Text', content); alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友"); }

    推荐阅读