#yyds干货盘点# JS实现在网页上复制的所有文字后面自动追加内容

​不少技术博客有这样的处理,当我们复制代码的时候,会自动加上一段本信息版权为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 版权所有

提供优质的网站源码大全,小程序、APP、H5、支付、游戏、区块链、商城、直播、影音、小说、公众号等源码下载。
精品源码资源网 » #yyds干货盘点# JS实现在网页上复制的所有文字后面自动追加内容
赞助VIP 享更多特权,立即登录下载海量资源
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡