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


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 相关文章推荐
jquery 必填项判断表单是否为空的方法
Sep 14 Javascript
js实时监听文本框状态的方法
Apr 26 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
Jan 13 Javascript
圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现
Dec 27 Javascript
jQuery表格插件ParamQuery简单使用方法示例
Dec 05 Javascript
详解参数传递四种形式
Jul 21 Javascript
jQuery平滑旋转幻灯片特效代码分享
Sep 07 Javascript
JavaScript实现标题栏文字轮播效果代码
Oct 24 Javascript
适用于javascript开发者的Processing.js入门教程
Feb 24 Javascript
bootstrap 点击空白处popover弹出框隐藏实例
Jan 24 Javascript
VuePress 快速踩坑小结
Feb 14 Javascript
vue动态合并单元格并添加小计合计功能示例
Nov 26 Vue.js
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 和 XML: 使用expat函数(一)
2006/10/09 PHP
php实现搜索一维数组元素并删除二维数组对应元素的方法
2015/07/06 PHP
php 问卷调查结果统计
2015/10/08 PHP
如何使用微信公众平台开发模式实现多客服
2016/01/06 PHP
php 三大特点:封装,继承,多态
2017/02/19 PHP
javascript中方便增删改cookie的一个类
2012/10/11 Javascript
javascript跨浏览器的属性判断方法
2014/03/16 Javascript
JavaScript闭包函数访问外部变量的方法
2014/08/27 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
2016/04/04 Javascript
jQuery无刷新上传之uploadify3.1简单使用
2016/06/18 Javascript
AngularJS实现单独作用域内的数据操作
2016/09/05 Javascript
bootstrap table表格客户端分页实例
2017/08/07 Javascript
如何重置vue打印变量的显示方式
2017/12/06 Javascript
在layui下对元素进行事件绑定的实例
2019/09/06 Javascript
解决Vue打包上线之后部分CSS不生效的问题
2019/11/12 Javascript
python图像处理之反色实现方法
2015/05/30 Python
pandas 条件搜索返回列表的方法
2018/10/30 Python
python 从list中随机取值的方法
2020/11/16 Python
python实现scrapy爬虫每天定时抓取数据的示例代码
2021/01/27 Python
Kangol帽子官网:坎戈尔袋鼠
2018/09/26 全球购物
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
Windows和Linux动态库应用异同
2016/07/28 面试题
什么是GWT的Entry Point
2013/08/16 面试题
求职自荐书范文
2013/12/04 职场文书
诚信考试承诺书
2014/03/27 职场文书
男女朋友协议书
2014/04/23 职场文书
护理专业毕业生自荐书
2014/05/24 职场文书
村班子对照检查材料
2014/08/18 职场文书
合作协议书范文
2014/08/20 职场文书
教师工作失职检讨书
2014/09/18 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
迟到检讨书范文
2015/01/27 职场文书
离婚起诉书范文2015
2015/05/19 职场文书
如何使用Python对NetCDF数据做空间相关分析
2021/04/21 Python
Go 自定义package包设置与导入操作
2021/05/06 Golang
解决goland 导入项目后import里的包报红问题
2021/05/06 Golang