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


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 相关文章推荐
JavaScript打字小游戏代码
Dec 26 Javascript
jquery动态增加删除表格行的小例子
Nov 14 Javascript
Jquery 切换不同图片示例代码
Dec 05 Javascript
详解JavaScript对象序列化
Jan 19 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
May 04 Javascript
js实现短信发送倒计时功能(正则验证)
Feb 10 Javascript
vue2.0中goods选购栏滚动算法的实现代码
May 17 Javascript
vue2 中如何实现动态表单增删改查实例
Jun 09 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
Aug 18 Javascript
Vue自定义过滤器格式化数字三位加一逗号实现代码
Mar 23 Javascript
vuex实现的简单购物车功能示例
Feb 13 Javascript
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
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新手上路(十四)
2006/10/09 PHP
ThinkPHP验证码使用简明教程
2014/03/05 PHP
php函数与传递参数实例分析
2014/11/15 PHP
PHP7之Mongodb API使用详解
2015/12/26 PHP
Yii实现文章列表置顶功能示例
2016/10/18 PHP
yii2中dropDownList实现二级和三级联动写法
2017/04/26 PHP
PHP实现搜索时记住状态的方法示例
2018/05/11 PHP
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
通过一段代码简单说js中的this的使用
2013/07/23 Javascript
回车直接实现点击某按钮的效果即触发单击事件
2014/02/27 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
2014/12/12 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
2015/09/02 Javascript
JS动态添加iframe的代码
2015/09/14 Javascript
Bootstrap 组件之按钮(二)
2016/05/11 Javascript
JS设置时间无效问题的解决办法
2017/02/18 Javascript
Vue封装的可编辑表格插件方法
2018/08/28 Javascript
React 实现拖拽功能的示例代码
2019/01/06 Javascript
小程序云函数调用API接口的方法
2019/05/17 Javascript
JS函数进阶之prototy用法实例分析
2020/01/15 Javascript
[01:06:19]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第二场 1月8日
2021/03/11 DOTA
python 从远程服务器下载日志文件的程序
2013/02/10 Python
Python中的index()方法使用教程
2015/05/18 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
Python编程快速上手——PDF文件操作案例分析
2020/02/28 Python
python3中datetime库,time库以及pandas中的时间函数区别与详解
2020/04/16 Python
浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式
2020/05/25 Python
重构Python代码的六个实例
2020/11/25 Python
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
使用CSS3实现圆角,阴影,透明
2014/12/23 HTML / CSS
.NET程序员的数据库面试题
2012/10/10 面试题
留学经费担保书
2014/05/12 职场文书
幼儿园小班家长评语
2014/12/30 职场文书
病假证明模板
2015/06/19 职场文书
放假通知怎么写
2015/08/18 职场文书
python 管理系统实现mysql交互的示例代码
2021/12/06 Python