jquery实现复制时添加自定义内容的方法源码推荐 亲测 原创 收藏


  • :
  • 03-02 14:56
  • :
  • 5次
  • :
  • 0条
  • 1赞

简介用jquery实现复制web里的内容时,自动添加自定义的内容的方法源码及实例。

为了保护我们文章的原创性,我们通常会在我们的WEB里添加一个”被复制时自动添加文章来源“的功能,本文站长就和大家分享如何用jquery来实现这个功能:

//下面这个函数是关键,用来读取复制的内容
var addCopyStr = function(str) {
	if(window.clipboardData) {
		var text = window.clipboardData.getData("Text");
		window.clipboardData.setData('Text',text + str);
	}else if(window.getSelection) {
      	console.log("b");
		event.preventDefault();
		var selection = window.getSelection();
		event.clipboardData.setData('text/plain', selection + str);
	}else{
		var selection = window.getSelection();
		var body = document.getElementsByTagName('body')[0];
		var range = selection.getRangeAt(0);
		extContent.style.position = 'absolute';
		extContent.style.left = '-99999px';
		extContent.innerHTML = selection + str;
		body.appendChild(extContent);
		selection.selectAllChildren(extContent);
		window.setTimeout(function() {
				body.removeChild(extContent);
				selection.removeAllRanges();
				selection.addRange(range);
				body = selection = null;
		},0);
	}
};

//给body添加一个copy事件就行:
$("body").on("copy",function(){
    addCopyStr("\r\n本篇文章来源于 爱jQuery:"+location.href);
    alert("复制成功,随便找个地方粘贴一下,看是不是加上了小尾巴!");
});

上面的代码站长亲测过的,下面是在线演示的地址:

jquery-复制时自动添加自定义内容的在线演示



您正在找的文章可能是: