视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
js剪切板应用clipboardData详细解析_javascript技巧
2020-11-27 21:17:21 责编:小采
文档


注意:ie7,与ie8 对网页有个复制的权限,需在“安全”中的“自定义级别”的脚本中设置

clipboardData 对象

提供了对剪贴板的访问。

三个方法
1.clearData(sDataFormat) 删除剪贴板中指定格式的数据。
2.getData(sDataFormat) 从剪贴板获取指定格式的数据。
3.setData(sDataFormat, sData) 给剪贴板赋予指定格式的数据。返回 true 表示操作成功。

例子


var text = "123";
if (!window.clipboardData.setData('Text', text)) // 赋予 text 格式的数据
{
alert("复制失败!");
}
text = window.clipboardData.getData('Text'); // 获取 text 格式的数据
alert(text);
window.clipboardData.clearData('Text'); // 清除 text 格式的数据
text = window.clipboardData.getData('Text');
alert(text);
//-->

一些方法:





Js





function copyToClipBoard(){
var clipBoardContent="";
clipBoardContent+=document.title;
clipBoardContent+="";
clipBoardContent+=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友");
}





直接复制url


function copyUrl()
{
var clipBoardContent=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alert("复制成功!");
}





点击文本框时,复制文本框里面的内容


function oCopy(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Copy")
alert("复制成功!");
}





复制文本框或者隐藏域中的内容

function CopyUrl(target){
target.value=myimg.value;
target.select();
js=myimg.createTextRange();
js.execCommand("Copy");
alert("复制成功!");
}
function AddImg(target){
target.value="[IMG]"+myimg.value+"[/ img]";
target.select();
js=target.createTextRange();
js.execCommand("Copy");
alert("复制成功!");
}








复制span标记中的内容






function copyText(obj)
{
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
alert("复制成功!");
}

以下是代码片段:



http://pmp.www.gxlcms.com
[点击复制]


http://www.www.gxlcms.com/pmp
[点击复制]


还有一种方法:

function copyQQ(qq){
var obj=document.getElementById(qq);
obj.select();
js=obj.createTextRange();
js.execCommand("Copy");
alert("代码已经被成功复制!");

}


//设置复制内容 附加 本网站的URL
function SetCopyContent() {
window.event.returnValue = false;
var content = document.title + "/r/n";
content += document.getElementById("txt1").value + "/r/n";
content += "本资源来自 " + this.location.href;
window.clipboardData.setData('Text', content);
alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友");
}

调用:



代码如下:


Window对象的属性02

/*
window.screen对象:屏幕对象,包含了屏幕的相关信息。
window.clipboardData对象:剪贴板对象,对剪贴板操作的对象。(在网页内只能支持复制或者设置文本格式的)
clearData("Text"):清空剪贴板
getData("Text"):读取剪贴板的值,在IE中只能支持Text文本格式
setData("Text",value):设置剪贴板中的值
案例:复制地址给好友,见备注
禁止复制:body oncopy事件中 设置 return false;
oncopy、onpase事件:复制、粘贴事件,可用于多数控件
*/

//屏幕分辨率
function screenInfo() {

if (window.screen.width < 1024 || window.screen.height < 768) {
window.alert("您的电脑属于史前产物!");
return;
}
window.alert("您的分辨率是:" + window.screen.width + " " + window.screen.height);

}

//复制地址给好友
function operClipBoard() {

var divObj = document.getElementById("divClipBoard");
var content = divObj.innerText;
content = "您复制的内容是:" + content + " \r\n 资源来源:" + window.location.href;
window.alert('复制成功!');
//客户复制完之后,这个属性才会显示内容
window.alert(window.clipboardData.getData("text"));
window.clipboardData.setData("Text",content);
}

//网页禁止复制
function forbidCopy() {

window.alert("网页的内容,自能看,不能动!");
return false;
}







代码如下:


/*
div 没有oncopy事件
body 与 文本框有这个事件

*/

function OperClipBoard() {

window.clipboardData.setData("Text", window.clipboardData.getData("Text") + "\r\n本资源来自:" + window.location.href);

}

/*
流程:先oncopy触发,触发后仅仅是将内容复制到粘贴板,如果需要2次处理的话,等内容复制到粘贴板后,再进行2次操作,也就是对值进行处理后,
在赋值操作
*/
function copyContent()
{
window.setTimeout("OperClipBoard()", 100);
}







下载本文
显示全文
专题