复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)


Posted in Javascript onOctober 16, 2014

没想到无心的一个功能,现在已经被大家传的如此猛烈,想当初我们发布出去以后,第二天就发现很多网站都加上了这个功能,有点后悔了,要不我们的外链就会更多了。当然也有反感的,工具是好的就看用的人了。

今天搜索发现还是有很多朋友喜欢这个功能的,这里三水点靠木小编继续为大家来个特色整理的版本,大家可以根据需要选择使用。

打开有些网站,当我们浏览某些文章的时候,觉得很好,因此,常常将这些网站的文章进行复制;

之后,粘贴到Word或记事本里面,保存起来,在贯彻落实“拿来主义”的同时,将其“占为己有”!
如果您是一个像小蜜蜂一样的站长,每天都勤劳,每日都像老牛一样耕耘,那么,当您的网站内容被别人无端占有却未注明文章来源地址时,我想,您一定会火起来!

因此,为避免这种情况的发生,很多站长都这么做!

给网页加上这样的功能,当别人复制网站内容之后,粘贴到Word或记事本等软件里面的时候,会自动加上网站地址或文章来源的详细地址!

如果您也遇到这样的情况,请随俺一起学习,如何做到这样的效果!

实现方法:

方法非常的简单,使用如下的代码即可!

<script type="text/javascript">

document.body.oncopy = function () { 

 setTimeout( function () { 

  var text = clipboardData.getData("text");

  if (text) { 

   text = text + "\r\n文章来自: 网站名称(https://3water.com)  详文参考:"+location.href; clipboardData.setData("text", text);

  } 

    }, 100 ) 

}

</script>

将以上的代码,复制,之后粘贴到您的网站的相应的页面将可!

注意:此代码一般放在<body>区域中,或者有选择的放在某个地方也行!

知识扩展:

以上的代码虽然能防止复制之后自动加上网址,但是,灵活性不大,以后要修改或做任何的改动,非得修改这样的代码不可,那么,我们可以使用在页面中引入JS文件的方法来实现灵活的功能!

打开记事本,之后在里面复制如下的内容进行粘贴(此代码与上述代码类似,但是不相同,请注意):

document.body.oncopy = function () { 

 setTimeout( function () { 

  var text = clipboardData.getData("text");

  if (text) { 

   text = text + "\r\n文章来自: 三水点靠木(https://3water.com) 文章地址:"+location.href; clipboardData.setData("text", text);

  } 

    }, 100 ) 

}

之后,将其保存成为XX.js这样的文件,保存在网站相应目录中!

最后,在页面中引入如上的XX.js文件即可,如下,为引用的示例代码:

<script src="DataFiles/Java/AddMyUrl.js" type="text/jscript"></script>

以上红颜色的代码,就是引用的示例代码!

注,引入的代码,一般放在文章内容的后面,在</body>之前!

我们上面的代码都是通过js获取剪切板的内容,而下面这个是通过js获取选择的内容进行的,功能是一样的。不过用这个的不多。

Javascript 相关文章推荐
IE6下通过a标签点击切换图片的问题
Nov 14 Javascript
jqgrid 简单学习笔记
May 03 Javascript
关于图片按比例自适应缩放的js代码
Oct 30 Javascript
javascript实现回车键提交表单方法总结
Jan 10 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
May 15 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
原生js封装添加class,删除class的实例
Nov 06 Javascript
如何用input标签和jquery实现多图片的上传和回显功能
May 16 jQuery
Vue中控制v-for循环次数的实现方法
Sep 26 Javascript
Vue项目总结之webpack常规打包优化方案
Jun 06 Javascript
JavaScript相等运算符的九条规则示例详解
Oct 20 Javascript
浅谈Vue中render中的h箭头函数
Nov 07 Javascript
jquery获取radio值实例
Oct 16 #Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 #Javascript
javascript实现复制与粘贴操作实例
Oct 16 #Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
Oct 16 #Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
Oct 16 #Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 #Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 #Javascript
You might like
php数组去除空值函数分享
2015/02/02 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
浅谈PHP值mysql操作类
2016/06/29 PHP
PHP设计模式之观察者模式定义与用法分析
2019/04/04 PHP
thinkphp5.1 框架钩子和行为用法实例分析
2020/05/25 PHP
Jquery Ajax学习实例7 Ajax所有过程事件分析示例
2010/03/23 Javascript
jquery中加载图片自适应大小主要实现代码
2013/08/23 Javascript
jquery导航制件jquery鼠标经过变色效果示例
2013/12/05 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
2014/03/07 Javascript
js调试系列 断点与动态调试[基础篇]
2014/06/18 Javascript
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
jQuery文件上传控件 Uploadify 详解
2016/06/20 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
详解JavaScript树结构
2017/01/09 Javascript
ECMAscript 变量作用域总结概括
2017/08/18 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
2017/10/20 Javascript
Vue集成Iframe页面的方法示例
2017/12/12 Javascript
vue.js获得当前元素的文字信息方法
2018/03/09 Javascript
webpack打包react项目的实现方法
2018/06/21 Javascript
[00:59]DOTA2背景故事第二期之四大基本法则
2020/07/07 DOTA
使用Python编写vim插件的简单示例
2015/04/17 Python
python遍历一个目录,输出所有的文件名的实例
2018/04/23 Python
python实时获取外部程序输出结果的方法
2019/01/12 Python
python链表类中获取元素实例方法
2021/02/23 Python
Html5页面内使用JSON动画的实现
2019/01/29 HTML / CSS
MyFrenchPharma中文网:最大的法国药妆平台
2016/10/07 全球购物
Tirendo比利时:在线购买轮胎
2018/10/22 全球购物
SQL Server里面什么样的视图才能创建索引
2015/04/17 面试题
介绍一下Linux中的链接
2016/06/05 面试题
大学在校生求职信范文
2013/11/21 职场文书
个人求职信范文
2014/05/24 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
2015年药房工作总结
2015/04/25 职场文书
湘江北去观后感
2015/06/15 职场文书
七年级话题作文之执着
2019/11/19 职场文书