网站内容复制( 有没有治本的方法三、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需要放在主题的样式表文件中,找到文章的内容类并把代码粘贴进去,纯白不建议操作。
以上方法都只是治标不治本,可能会给用户带来不好的体验,使用前请权衡利弊。那么有治愈的方法吗?是的,我有!就是不要在网上写,你可以拿起你的小本本,拿起手中的笔,写在纸上,这样别人就无法复制粘贴了!
相关文章
请前往主题选项修改此处的默认信息。