wordpress主题实现复制网页页面文字自动携带版权声明

现代前端网页的制作中，越来越离不开JS的使用。通过今天的这篇文章，墨初就来说说利用JS来实现，复制网站页面部份内容时，自动向复制的内容中添加网站xwenw.com/tag/re" target="_blank">ref="https://xwenw.com/tag/%e7%89%88%e6%9d%83" target="_blank">版权或声明的方法。javascript复制网页内容添加版权的方法document.addEventListener('copy', function (event) { var…

现代前端网页的制作中，越来越离不开JS的使用。通过今天的这篇文章，墨初就来说说利用JS来实现，复制网站页面部份内容时，自动向复制的内容中添加网站版权或声明的方法。

javascript复制网页内容添加版权的方法

document.addEventListener('copy', function (event) {    var clipboardData = event.clipboardData || window.clipboardData;    if (!clipboardData) { return; }    var text = window.getSelection().toString();    if (text) {        event.preventDefault();        clipboardData.setData('text/plain', text + '\n\n技术宅版权所有');   }});

代码使用：

1、你可以复制上面的JS代码，放到你的网站JS文件中，也可以直接放到你的网页中使用即可。

2、你可以把代码中的“\n\n技术宅版权所有”修改成你自己的，但要注意的是“\r\n”为换行

3、你也可以通过获取网页URL的形式，来加自版权的来源链接

代码部份解析：

1、addEventListener() 方法用于向指定元素添加事件句柄。

2、window.getSelection()等同于document.getSelection()：此方法可以返回一个用以表示选中文本的对象，属于window对象，使用toString()方法获取选中的文本内容。

3、event.preventDefault();该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。