查看目录
我们在建站的过程中,经常会遇到客户有一些比较特殊的需求,比如希望网页内容禁止复制,这种其实比较好实现。但是还有的客户希望网页中部分内容禁止复制,其实这种也很简单。我们可以使用CSS代码和JS代码禁止复制网页指定内容:
1、css禁止网页指定内容复制
使用CSS属性:可以通过设置user-select属性为none,这样用户就无法选中和复制内容。例如:
body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
2、js代码禁止页面复制:
使用JavaScript禁用复制功能:可以通过在页面加载时,禁用复制事件来阻止用户复制内容。例如:
document.addEventListener('copy', function(e) { e.preventDefault(); });
3、js代码禁止右键菜单:
使用JavaScript禁用右键菜单:可以通过在页面加载时,禁用右键菜单来阻止用户使用复制功能。例如:
document.addEventListener('contextmenu', function(e) { e.preventDefault(); });
你的博客也设置成灰色了啊!同样为雅安祈福!
是啊,尽一份心意吧
恩!
多有收获,收藏博客了
癸巳年(蛇)三月初八 2013-4-17