#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源码、商城源码教程以及公众号模块教程,大部分是会员免费,网站长期受到各站长的收藏及浏览。
用户必须遵守《计算机软件保护条例(2013修订)》第十七条:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。鉴于此条例,用户从本平台下载的全部源码(软件)教程仅限学习研究,未经版权归属者授权不得商用,若因商用引起的版权纠纷,一切责任均由使用者自行承担,本平台所属公司及其雇员不承担任何法律责任。
锦绣源码库 » #yyds干货盘点# JS实现在网页上复制的所有文字后面自动追加内容
赞助VIP 享更多特权,立即登录下载海量资源
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡