不少技术博客有这样的处理，当我们复制代码的时候，会自动加上一段本信息版权为XXXX。其实实现的方式很简单，可以在我的网站页面上绑定一个copy 事件，当你复制文章内容的时候，自动在剪切板文字后面加上一段版权声明。 1.代码实现：
// 监听整个网页的copy(复制)事件 document.addEventListener('copy', function (event) { // clipboardData 对象是为通过编辑菜单、快捷菜单和快捷键执行的编辑操作所保留的，也就是你复制或者剪切内容 let clipboardData = event.clipboardData || window.clipboardData; // 如果未复制或者未剪切，则return出去 if (!clipboardData) { return; } // Selection 对象，表示用户选择的文本范围或光标的当前位置。 // 声明一个变量接收 -- 用户输入的剪切或者复制的文本转化为字符串 let text = window.getSelection().toString(); if (text) { // 如果文本存在，首先取消文本的默认事件 event.preventDefault(); // 通过调用常clipboardData对象的 setData(format, data) 方法；来设置相关文本 // setData(format, data);参数 // format // 一个DOMString 表示要添加到 drag object的拖动数据的类型。 // data // 一个 DOMString表示要添加到 drag object的数据。 clipboardData.setData('text/plain', text + '\n\n-----------\n cxh 版权所有'); } }); 2.实现效果： 复制文字后进行粘贴： 内容测试 ----------- cxh 版权所有
尚美源码教程库 » #yyds干货盘点# JS实现在网页上复制的所有文字后面自动追加内容
