江湖小栈

Do Better

0%

复制事件添加内容

发表于 分类于 Hot°C：
本文字数： 1.5k 阅读时长 ≈ 1 分钟
给网页复制事件添加内容

给网页复制事件添加内容

复制事件添加内容

方法一

1
2
3
4
5
6
7
8
9
10
11
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 + '\n\n\n\n\n\n来自DoubleAm的博客(a.biugle.cn)');
  }
});

方法二

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
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)
          + '\n\n\n\n\n\n著作权归(a.biugle.cn)所有。\n'
          + '商业转载请联系作者获得授权，非商业转载请注明出处。\n'
          + '作者：DoubleAm\n'
          + '链接：https://a.biugle.cn\n';
  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与移动端兼容）

参考文章

bulb