JS监听复制并在复制内容后增加指定内容

发布日期: 2021-09-01 11:05:47

喜欢量: 70 个

阅读次数: 378

JS监听复制并在复制内容后增加指定内容

``` js
<script>
//监听ctrl+v 复制
document.addEventListener("copy", function (e) {
	let toastHTML = '<span>复制成功，请遵循本文的转载规则</span>';
	alert({html: toastHTML})
});
//把监听提示添加到文章内容中
//文章内容div的ID
$('#articleContent').on('copy', function (e) {
	// IE8 or earlier browser is 'undefined'
	if (typeof window.getSelection === 'undefined') return;
	var selection = window.getSelection();
	// if the selection is short let's not annoy our users.
	if (('' + selection).length < Number.parseInt('120')) {
		return;
	}
	//在内容末尾追加提示内容
	var bodyElement = document.getElementsByTagName('body')[0];
	var newdiv = document.createElement('div');
	newdiv.style.position = 'absolute';
	newdiv.style.left = '-99999px';
	bodyElement.appendChild(newdiv);
	newdiv.appendChild(selection.getRangeAt(0).cloneContents());
	//格式化
	if (selection.getRangeAt(0).commonAncestorContainer.nodeName === 'PRE') {
		newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>";
	}
	var url = document.location.href;
	//追加的内容
	newdiv.innerHTML += '<br />'
	+ '来源: chenhaoblog<br />'
	+ '文章作者: chenhao<br />'
	+ '文章链接: <a href="' + url + '">' + url + '</a><br />'
	+ '本文章著作权归作者所有，任何形式的转载都请注明出处。';
	selection.selectAllChildren(newdiv);
	window.setTimeout(function () {bodyElement.removeChild(newdiv);}, 200);
});
</script>

```

chenhao

http://chenhaoblog.com/show/OQ==

本博客所有文章除特別声明外,转载请注明来源 chenhaoBlog !