网页文字禁止复制,一招教你解决(禁止复制网站内容js教程)
网页文字禁止复制,一招教你解决
经常在网上查找资料时,看到有用的内容,就会想要复制文字。但是在复制文字的时候,又会遇到许多问题,也就是复制不了文字。
看到这种情况,一般人就会付费或者登录进行文字复制,之前大多数人会用冰点文库,冰点软件停止维护和下载,今天就教大家如何在禁止网页复制文字时对文字进行复制。
开发者工具
可能很疑惑、什么是开发者工具?我们浏览的网页是由Html+Css+JavaScript代码组成的,在电脑端的浏览器里,都会有开发者工具,它可以帮助我们调试网页代码。在浏览器中按下快捷键F12或者鼠标右键点击审查元素就可以进入开发者工具。
不需要使用很多功能,你只需要点左上角的按钮,然后再选择你想要复制的文字。开发者工具 - 元素 就会定位到对应的文字位置。
双击文字内容鼠标右键就可以复制文字了。
这个方法稍微比较复杂一点。
禁用JS
前面说了网页是由Html+Css+JavaScript代码组成的,而JavaScript可以监听你需要复制文字的行为,从而阻止该行为,所以需要禁用JS代码,同样是在开发者工具里,不过我们需要点击的是设置。
在设置中往下浏览,看到 禁用JavaScript 选项,直接勾选,然后在网页的文字区域直接复制就可以了。
注意,复制完成之后、记得取消勾选哟!不然你浏览其他网页可能会有问题。
插件
前面的操作步骤都比较得多,也可以使用插件的方法,安装一个插件。例如我使用的是油猴插件安装了一个可以解除网页复制的。
在浏览网页时、就会有一个 复制此页面内容 的按钮,这样复制文字就会更加的方便。
禁止复制网站内容js教程
如果不想别人复制粘贴你的网站内容,就可以在你的网页上加上一段JS代码,就可以屏蔽鼠标右键菜单、复制粘贴、选中等。今天小编就为大家分享一个禁止复制网站内容js教程。
接下来就为大家分享五种方法。
第一种:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 |
//屏蔽右键菜单 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代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
<script type=\"text/javascript\"> // oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单 document.oncontextmenu=new Function(\"event.returnValue=false\"); // onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中) document.onselectstart=new Function(\"event.returnValue=false\"); </script> 例子: <!DOCTYPE html> <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> <!-- 第二种方法:通过js代码实现 --> <script type=\"text/javascript\"> // oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单 document.oncontextmenu=new Function(\"event.returnValue=false\"); // onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中) document.onselectstart=new Function(\"event.returnValue=false\"); </script> </body> </html> |
第三种方法:
在<body>中加入以下代码:
1 2 3 4 5 6 7 8 9 |
<body oncontextmenu=\"return false\" onselectstart=\"return false\"> 或 <body oncontextmenu=\"event.returnValue=false\" onselectstart=\"event.returnValue=false\"> body中加入代码的这种方法有个缺陷就是取决于body的内容,如果body内容较少,从body下方往上选中内容,仍然是可以复制网站的内容的。 |
第四种方法:
如果只限制复制,可以在<body>加入以下代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<body oncopy=\"alert(\'对不起,禁止复制!\');return false;\"> 例子: <!DOCTYPE html> <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 oncopy=\"alert(\'对不起,禁止复制!\');return false;\"> <div> <h1>火影忍者</h1> <p> 十多年前一只拥有巨大威力的妖兽“九尾妖狐”袭击了木叶忍者村,当时的第四代火影拼尽全力,以自己的生命为代价将“九尾妖狐”封印在了刚出生的鸣人身上。木叶村终于恢复了平静,但村民们却把鸣人当成像“九尾妖狐”那样的怪物看待,所有人都疏远他。 鸣人自小就孤苦无依,一晃十多年过去了,少年鸣人考入了木叶村的忍者学校,结识了好朋友佐助和小樱。佐助是宇智波家族的传人之一,当他还是小孩的时候他的哥哥——一个已经拥有高超忍术的忍者将他们家族的人都杀死了,然后投靠了一直想将木叶村毁灭的大蛇丸,佐助自小就发誓要超越哥哥,为家族报仇。鸣人他们在忍者学校得到了教官卡卡西的精心指点,在他的帮助下去迎接成长中的一次又一次挑战! </p> </div> </body> </html> |
第五种方法:
禁用Ctrl+C和Ctrl+V,代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 |
// 禁用Ctrl+C和Ctrl+V(所有浏览器均支持) $(document).keydown(function(e) { if(e.ctrlKey && (e.keyCode == 86 || e.keyCode == 67)) { return false; } }); 例子 <!DOCTYPE html> <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> |
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » 网页文字禁止复制,一招教你解决(禁止复制网站内容js教程)