服务器与VPS
促销优惠信息

纯代码实现网页内容禁止复制(可以指定内容)

查看目录
文章目录隐藏
  1. 1、css禁止网页指定内容复制
  2. 2、js代码禁止页面复制:
  3. 3、js代码禁止右键菜单:

我们在建站的过程中,经常会遇到客户有一些比较特殊的需求,比如希望网页内容禁止复制,这种其实比较好实现。但是还有的客户希望网页中部分内容禁止复制,其实这种也很简单。我们可以使用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();
});

楚狂人 » 纯代码实现网页内容禁止复制(可以指定内容)

相关推荐

  • 暂无文章

评论 4

  • (必填)
  • (必填)
  1. #0

    你的博客也设置成灰色了啊!同样为雅安祈福!

    正仔12年前 (2013-04-22)回复
    • 是啊,尽一份心意吧

      楚狂人12年前 (2013-04-22)回复
      • 恩!

        正仔12年前 (2013-04-23)
  2. #0

    多有收获,收藏博客了
    癸巳年(蛇)三月初八 2013-4-17

    酷赚论坛12年前 (2013-04-17)回复

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏