HTML实现页面禁止复制或者禁止使用右键

Vergil_Zsh

已于 2022-06-23 10:18:19 修改

阅读量3.1k

点赞数 2

分类专栏： HTML 文章标签：网页保护复制阻止 JavaScript HTML 用户交互

于 2022-02-22 13:57:29 首次发布

本文链接：https://blog.csdn.net/KIKI_ZSH/article/details/123066661

版权

HTML 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了两种防止网页文字被复制的方法。第一种通过HTML属性禁止选中和复制，第二种利用JavaScript监听右键菜单和键盘事件来阻止复制操作。这两种方法可以有效防止网页内容被用户轻易复制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一共两种方法
第一种是直接在Body里面实现，鼠标是无法选中文字的

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页文字不能复制</title>
</head>
<body oncontextmenu="return false" onselectstart="return false" oncopy="return false">
<ul>
<p>他找若是同淋雪, 此生也算共白头</p>
<p>I really want to be with you all my life</p>
</ul>
</body>
</html>

第二种使用JS实现，这种的实现方法，鼠标是可以选中文字但是不能进行复制
在这里插入图片描述

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页文字不能复制</title>
<script>
document.oncontextmenu = function(){
  return false;
}
document.onkeydown = function(){
  if (event.ctrlKey && window.event.keyCode==67){
    return false;
  }
}
document.body.oncopy = function (){
  return false;
}
document.onselectstart = function(){
  //return false;
}
</script>
</head>
<body>
<ul>
  <p>他找若是同淋雪, 此生也算共白头</p>
  <p>I really want to be with you all my life</p>
</ul>
</body>
</html>