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

Vergil_Zsh

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

阅读量2.6k

点赞数 2

分类专栏： HTML 文章标签： html javascript 前端

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

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

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一共两种方法
第一种是直接在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>