复制事件添加内容

2023-12-11 20:21:37 浏览数 (2)

给网页复制事件添加内容

复制事件添加内容

方法一

代码语言: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与移动端兼容)

参考文章

0 人点赞