复制网站部分内容_五种禁止复制网站内容的方法

12547ad5ea03fa76e1596e5f0f00c978.png

php中文网最新课程

每日17点准时技术干货分享

f69afdde183b4a91d678ecd1a0bc508c.png

6f69e255bcc6deae91b542b30a7e2a84.gif

若是你不想别人复制你的网站内容,可以把这段js代码加到你网页上,即可屏蔽鼠标右键菜单、复制粘贴、选中等。

有时候的需求是网站中有些内容不希望别人复制,那么就需要用代码控制。

方法有多种:

第一种:

//屏蔽右键菜单 document.oncontextmenu = function(event) {     if (window.event) {         event = window.event;     }     try {         var the = event.srcElement;         if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {             return false;         }         return true;     } catch (e) {         return false;     } } //屏蔽粘贴 document.onpaste = function(event) {     if (window.event) {         event = window.event;     }     try {         var the = event.srcElement;         if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {             return false;         }         return true;     } catch (e) {         return false;     } } //屏蔽复制 document.oncopy = function(event) {     if (window.event) {         event = window.event;     }     try {         var the = event.srcElement;         if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {             return false;         }         return true;     } catch (e) {         return false;     } } //屏蔽剪切 document.oncut = function(event) {     if (window.event) {         event = window.event;     }     try {         var the = event.srcElement;         if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {             return false;         }         return true;     } catch (e) {         return false;     } } //屏蔽选中 document.onselectstart = function(event) {     if (window.event) {         event = window.event;     }     try {         var the = event.srcElement;         if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {             return false;         }         return true;     } catch (e) {         return false;     } }

第二种方法:

加入以下js代码

// oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单document.oncontextmenu=new Function("event.returnValue=false"); // onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中)document.onselectstart=new Function("event.returnValue=false"); 例子:*{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;}

火影忍者

十多年前一只拥有巨大威力的妖兽“九尾妖狐”袭击了木叶忍者村,当时的第四代火影拼尽全力,以自己的生命为代价将“九尾妖狐”封印在了刚出生的鸣人身上。木叶村终于恢复了平静,但村民们却把鸣人当成像“九尾妖狐”那样的怪物看待,所有人都疏远他。鸣人自小就孤苦无依,一晃十多年过去了,少年鸣人考入了木叶村的忍者学校,结识了好朋友佐助和小樱。佐助是宇智波家族的传人之一,当他还是小孩的时候他的哥哥——一个已经拥有高超忍术的忍者将他们家族的人都杀死了,然后投靠了一直想将木叶村毁灭的大蛇丸,佐助自小就发誓要超越哥哥,为家族报仇。鸣人他们在忍者学校得到了教官卡卡西的精心指点,在他的帮助下去迎接成长中的一次又一次挑战!
// oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单document.oncontextmenu=new Function("event.returnValue=false"); // onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中)document.onselectstart=new Function("event.returnValue=false");

第三种方法:

在中加入以下代码:

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

第四种方法:

如果只限制复制,可以在加入以下代码:

 例子:*{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;}

火影忍者

十多年前一只拥有巨大威力的妖兽“九尾妖狐”袭击了木叶忍者村,当时的第四代火影拼尽全力,以自己的生命为代价将“九尾妖狐”封印在了刚出生的鸣人身上。木叶村终于恢复了平静,但村民们却把鸣人当成像“九尾妖狐”那样的怪物看待,所有人都疏远他。鸣人自小就孤苦无依,一晃十多年过去了,少年鸣人考入了木叶村的忍者学校,结识了好朋友佐助和小樱。佐助是宇智波家族的传人之一,当他还是小孩的时候他的哥哥——一个已经拥有高超忍术的忍者将他们家族的人都杀死了,然后投靠了一直想将木叶村毁灭的大蛇丸,佐助自小就发誓要超越哥哥,为家族报仇。鸣人他们在忍者学校得到了教官卡卡西的精心指点,在他的帮助下去迎接成长中的一次又一次挑战!

第五种方法:

禁用Ctrl+C和Ctrl+V,代码:

// 禁用Ctrl+C和Ctrl+V(所有浏览器均支持) $(document).keydown(function(e) {   if(e.ctrlKey && (e.keyCode == 86 || e.keyCode == 67)) {     return false;   } });例子  <html> <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> <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>

cf43a333f14e5d8e1196f6103b44a2ef.png

d7e26b8cca14733f406f5505a0d6dbfb.png

3307bb48e42568d604b9d14baa2a1e70.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值