WordPress主题实现复制网页文本并自动携带版权声明

8个月前 (01-28)

在现代前端网页的生产中,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 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。

紧跟行业趋势,选择我们,让你的网站永不落伍!

比格主题bigetheme,是国内为数不多的WordPress网站建设开发团队,我们提供WordPress主题,WordPress企业主题,WordPress博客主题,WordPress模板,WordPress主题下载,WordPress插件下载,WordPress主题开发服务。


扫码加我微信


img
加入群聊一起交流吧