打开有些网站,当我们浏览某些文章的时候,觉得很好,因此,常常将这些网站的文章进行复制;之后,粘贴到Word或记事本里面,保存起来。
给网页加上这样的功能,当别人复制网站内容之后,粘贴到Word或记事本等软件里面的时候,会自动加上网站地址或文章来源的详细地址!
大佬实现的
https://blog.csdn.net/HackerSaillen/article/details/45694181
使用优点小问题,可能是版本原因copy事件getData获取不了数据
JS实现方法:
/*****************复制网页内容,粘贴之后自动加上网址等内容。支持chrome+IE start**********************/
//绑定在了body上,也可以绑定在其他可用元素行,但是不是所有元素都支持copy和past事件。
$(document.body).bind({
copy: function(e) {//copy事件
var cpTxt = null;
var clipboardData = window.clipboardData; // IE
if (!clipboardData) { //chrome
clipboardData = e.originalEvent.clipboardData;
}
console.log(e)
cpTxt = e.target.innerText;
//cpTxt = clipboardData.getData('Text'); //这里获取的是空的,版本问题吧
cpTxt += "\n \n---------------------------------------------------------------------------------\n文章来自:累行博客(http://leixing.xyz) \n文章地址:"+location.href+"\n 作者创作不易,请附上原文地址!";
clipboardData.setData('Text', cpTxt);
console.log(cpTxt);
return false;//否则设不生效
},paste: function(e) {//paste事件
var eve = e.originalEvent
var cp = eve.clipboardData;
var data = null;
var clipboardData = window.clipboardData; // IE
if (!clipboardData) { //chrome
clipboardData = e.originalEvent.clipboardData;
}
data = clipboardData.getData('Text');
console.log(data);
}
});
/*****************复制网页内容,粘贴之后自动加上网址等内容。end**********************/
打印e对象