给网页复制事件添加内容
复制事件添加内容
方法一
代码语言:javascript复制document.addEventListener('copy', function (event) {
var clipboardData = event.clipboardData || window.clipboardData;
if (!clipboardData) {
return;
}
var text = window.getSelection().toString();
if (text) {
event.preventDefault();
clipboardData.setData('text/plain', text 'nnnnnn来自DoubleAm的博客(a.biugle.cn)');
}
});
方法二
代码语言:javascript复制function setClipboardText(event) {
event.preventDefault();
var node = document.createElement('div');
node.appendChild(window.getSelection().getRangeAt(0).cloneContents());
var htmlData = '<div>'
node.innerHTML
'<br /><br /><br /><br /><br /><br />著作权归(a.biugle.cn)所有。<br />'
'商业转载请联系作者获得授权,非商业转载请注明出处。<br />'
'作者:DoubleAm<br />链接:https://a.biugle.cn<br />'
'</div>';
var textData = window.getSelection().getRangeAt(0)
'nnnnnn著作权归(a.biugle.cn)所有。n'
'商业转载请联系作者获得授权,非商业转载请注明出处。n'
'作者:DoubleAmn'
'链接:https://a.biugle.cnn';
if (event.clipboardData) {
event.clipboardData.setData("text/html", htmlData);
event.clipboardData.setData("text/plain", textData);
} else if (window.clipboardData) {
return window.clipboardData.setData("text", textData);
}
}
document.addEventListener('copy', function (e) {
setClipboardText(e);
});
禁用网页复制、选取、全选事件(PC与移动端兼容)
参考文章