分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

网站内容禁止复制解决办法

发布时间:2023-09-06 01:58责任编辑:熊小新关键词:暂无标签

第一种方法:

加入以下js代码

<script type="text/javascript">

// oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单

document.oncontextmenu=new Function("event.returnValue=false"); 

// onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中)

document.onselectstart=new Function("event.returnValue=false"); 

</script>
例子:

<!DOCTYPE html>

<html lang="zh">

<head>

<meta charset="UTF-8" />

<style>

*{margin: 0;padding: 0;}

.container h1 {color: gold;text-align:center;margin-bottom:30px;}

.container p {width: 500px;margin:0 auto;color: purple;text-indent: 30px;}

</style>

</head>

<body>

<div class="container">

<h1>网页标题</h1>

<p>

详细内容 (不想被复制的)

</p>

</div>

<!-- 第一种方法:通过js代码实现 -->

<script type="text/javascript">

// oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单

document.oncontextmenu=newFunction("event.returnValue=false"); 

// onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中)

document.onselectstart=newFunction("event.returnValue=false"); 

</script>

</body>

</html>

第二种方法:
在<body>中加入以下代码:

 <body oncontextmenu="return false"onselectstart="return false"> 

或 

<body oncontextmenu="event.returnValue=false"onselectstart="event.returnValue=false">

 

body中加入代码的这种方法有个缺陷就是取决于body的内容,如果body内容较少,从body下方往上选中内容,仍然是可以复制网站的内容的。


第三种方法:
如果只限制复制,可以在<body>加入以下代码: 
<body oncopy="alert(‘对不起,禁止复制!‘);returnfalse;"> 
例子:

<!DOCTYPE html>

<html lang="zh">

<head>

<meta charset="UTF-8" />

<style>

*{margin: 0;padding: 0;}

.container h1 {color: gold;text-align:center;margin-bottom:30px;}

.container p {width: 500px;margin:0 auto;color: purple;text-indent: 30px;}

</style>

</head>

<body oncopy="alert(‘对不起,禁止复制!‘);returnfalse;">

<div class="container">

<h1>标签</h1>

<p>

详细内容 (不想被复制的)

</p>

</div>

</body>

</html>

第四种方法:
禁用Ctrl+C和Ctrl+V,代码:

// 禁用Ctrl+C和Ctrl+V(所有浏览器均支持)

$(document).keydown(function(e) {

  if(e.ctrlKey && (e.keyCode == 86 || e.keyCode == 67)) {

    return false;

  }

});
例子

<!DOCTYPE html>

<html lang="zh">

<head>

<meta charset="UTF-8" />

<style>

*{margin: 0;padding: 0;}

.container h1 {color: gold;text-align:center;margin-bottom:30px;}

.container p {width: 500px;margin:0 auto;color: purple;text-indent: 30px;}

</style>

</head>

<body>

<div class="container">

<h1>标签</h1>

<p>

详细内容 (不想被复制的)

</p>

</div>

<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>

<script>

$(document).keydown(function(e) {

 if(e.ctrlKey && (e.keyCode == 86 || e.keyCode == 67)) {

 alert(‘不能Ctrl+C和Ctrl+V复制、粘贴‘);

   return false;

 }

});

</script>

</body>

</html>

网站内容禁止复制解决办法

原文地址:https://www.cnblogs.com/bugo/p/9136413.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved