复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)_javascript技巧
程序员文章站
2022-05-08 12:58:00
...
没想到无心的一个功能,现在已经被大家传的如此猛烈,想当初我们发布出去以后,第二天就发现很多网站都加上了这个功能,有点后悔了,要不我们的外链就会更多了。当然也有反感的,工具是好的就看用的人了。
document.body.oncopy = function () {
setTimeout( function () {
var text = clipboardData.getData("text");
if (text) {
text = text + "\r\n文章来自: 脚本之家(http://www.jb51.net) 文章地址:"+location.href; clipboardData.setData("text", text);
}
}, 100 )
}
今天搜索发现还是有很多朋友喜欢这个功能的,这里脚本之家小编继续为大家来个特色整理的版本,大家可以根据需要选择使用。
打开有些网站,当我们浏览某些文章的时候,觉得很好,因此,常常将这些网站的文章进行复制;
之后,粘贴到Word或记事本里面,保存起来,在贯彻落实“拿来主义”的同时,将其“占为己有”!
如果您是一个像小蜜蜂一样的站长,每天都勤劳,每日都像老牛一样耕耘,那么,当您的网站内容被别人无端占有却未注明文章来源地址时,我想,您一定会火起来!
因此,为避免这种情况的发生,很多站长都这么做!
给网页加上这样的功能,当别人复制网站内容之后,粘贴到Word或记事本等软件里面的时候,会自动加上网站地址或文章来源的详细地址!
如果您也遇到这样的情况,请随俺一起学习,如何做到这样的效果!
实现方法:
方法非常的简单,使用如下的代码即可!
复制代码 代码如下:
将以上的代码,复制,之后粘贴到您的网站的相应的页面将可!
注意:此代码一般放在
区域中,或者有选择的放在某个地方也行!知识扩展:
以上的代码虽然能防止复制之后自动加上网址,但是,灵活性不大,以后要修改或做任何的改动,非得修改这样的代码不可,那么,我们可以使用在页面中引入JS文件的方法来实现灵活的功能!
打开记事本,之后在里面复制如下的内容进行粘贴(此代码与上述代码类似,但是不相同,请注意):
复制代码 代码如下:
document.body.oncopy = function () {
setTimeout( function () {
var text = clipboardData.getData("text");
if (text) {
text = text + "\r\n文章来自: 脚本之家(http://www.jb51.net) 文章地址:"+location.href; clipboardData.setData("text", text);
}
}, 100 )
}
之后,将其保存成为XX.js这样的文件,保存在网站相应目录中!
最后,在页面中引入如上的XX.js文件即可,如下,为引用的示例代码:
以上红颜色的代码,就是引用的示例代码!
注,引入的代码,一般放在文章内容的后面,在之前!
我们上面的代码都是通过js获取剪切板的内容,而下面这个是通过js获取选择的内容进行的,功能是一样的。不过用这个的不多。