「自学哈网」wordpress主题实现复制网页页面文字自动携带版权声明
也想出现在这里?
联系我们吧
现代前端网页的制作中,越来越离不开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 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。
本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」wordpress主题实现复制网页页面文字自动携带版权声明
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」wordpress主题实现复制网页页面文字自动携带版权声明
也想出现在这里?
联系我们吧