网站内容复制( 有没有治本的方法三、CSS实现内容禁止选择以上方法)

优采云 发布时间: 2022-04-05 12:14

  网站内容复制(

有没有治本的方法三、CSS实现内容禁止选择以上方法)

  

document.body.addEventListener('copy', function (e) {

if (window.getSelection().toString() && window.getSelection().toString().length > 10) {

setClipboardText(e);

}

});

function setClipboardText(event) {

var clipboardData = event.clipboardData || window.clipboardData;

if (clipboardData) {

event.preventDefault();

var htmlData = ''

+ '著作权归作者所有。

'

+ '商业转载请联系作者获得授权,非商业转载请注明出处。

'

+ '作者:

'

+ '链接:' + window.location.href + '

'

+ '来源:

'

+ window.getSelection().toString();

var textData = ''

+ '著作权归作者所有。\n'

+ '商业转载请联系作者获得授权,非商业转载请注明出处。\n'

+ '作者:\n'

+ '链接:' + window.location.href + '\n'

+ '来源:\n\n'

+ window.getSelection().toString();

clipboardData.setData('text/html', htmlData);

clipboardData.setData('text/plain',textData);

}

}

  三、CSS方法实现内容禁止选择

  -moz-user-select: none; /火狐/

-webkit-user-select: none; /webkit浏览器/

-ms-user-select: none; /IE10/

-khtml-user-select: none; /早期浏览器/

user-select: none;

  对于上述方法一和方法二的步骤,将代码复制到主题目录footer.php,放在标签之前。方法3需要放在主题的样式表文件中,找到文章的内容类并把代码粘贴进去,纯白不建议操作。

  以上方法都只是治标不治本,可能会给用户带来不好的体验,使用前请权衡利弊。那么有治愈的方法吗?是的,我有!就是不要在网上写,你可以拿起你的小本本,拿起手中的笔,写在​​纸上,这样别人就无法复制粘贴了!

  相关文章

  请前往主题选项修改此处的默认信息。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线