爱站屋博客 - 好东西不私藏,大家一起分享!关于博客 留言板

网站首页 技术教程 正文

复制网页页面文字自动携带版权声明的方法

星云 2019-01-30 技术教程 75 ℃

[db:标签]前端网页的制作中,越来越离不开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 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。


本文暂时没有评论哦(●'◡'●)

欢迎 发表评论:

:如果评论未出现,请刷新网页,谢谢合作!

会员中心
搜索
ip签名图
    IP签名图
网站分类
标签列表
文章归档
站点信息
  • 文章总数:25625
  • 页面总数:3
  • 分类总数:12
  • 标签总数:629
  • 评论总数:993
  • 浏览总数:349732
爱站云安全认证