javascript 实现复制文本添加版权内容（兼容IE）

最新推荐文章于 2023-05-30 18:14:17 发布

原创最新推荐文章于 2023-05-30 18:14:17 发布 · 695 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #copy #clipboardData #Range

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在用户复制网页内容时自动附加版权信息的方法。通过使用JavaScript操作selection及clipboardData对象，可以在不干扰用户体验的前提下保护作者权益。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：document.body.oncopy = function(){
	var cpVal = "本文来自aniao, 尾田魔术棒";
	//Selection
	var userSelection, cpTxt;
        if (window.getSelection) { 
            userSelection = window.getSelection();
        } 
        else if (document.selection) { //for IE
            userSelection = document.selection.createRange();
        }
        if (!(cpTxt = userSelection.cpTxt)) {
            cpTxt = userSelection;
        }
	//clipboardData
	var cbData;
	cbData = window.clipboardData; //for IE
        if (!cbData) { 
            cbData = e.clipboardData;  
        }   
	cbData.setData('text', cpTxt + '\r\n' + cpVal);
	//console.log(cbData.getData('text'));
	
	//阻止默认复制值
	window.event.returnValue=false; // for IE
	return false;
}

1、复制时用 selection对象（旧IE：TextRange对象）获取用户选择的值

2、获取值和信息，赋给 clipboardData对象

3、最后阻止默认复制的值。粘贴出来就是带额外信息的文本。