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 = false;
            var content = window.clipboardData.getData("Text") + "/r/n";
            content += "本资源来自 " + this.location.href;
            window.clipboardData.setData('Text', content);
            alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友");
        }
 


你可能感兴趣的:(js 剪切板的用法(clipboardData.setData))