教你灵活解除网页操作限制

前言

下午帮客户分析某文学登陆业务中,发现有页面禁用了网页右键,非常影响调试,平时遇到这种情况通常都是JS即可,但是网上查阅了资料后发现用控制台调节更灵活一些,毕竟禁用 JS 可能出现一些错位现象,于是就有了下文。


实现禁止操作

既然我们要解除就要先看看禁止效果是如何失效的,以下代码放入网站JS里面引用即可实现效果。

// 禁止右键菜单
document.oncontextmenu = function(){ return false; };
document.oncontextmenu= new Function(“event.returnValue=false”);
// 禁止文字选择
document.onselectstart = function(){ return false; };
document.onselectstart = new Function(“event.returnValue=false”);
// 禁止复制
document.oncopy = function(){ return false; };
document.oncopy = new Function(“event.returnValue=false”);
// 禁止剪切
document.oncut = function(){ return false; };
document.oncopy = new Function(“event.returnValue=false”);
// 禁止粘贴
document.onpaste = function(){ return false; };
document.onpaste = new Function(“event.returnValue=false”);
// 禁止F12
document.onkeydown = function () {
if (window.event && window.event.keyCode == 123) {
event.keyCode = 0;
event.returnValue = true;
return true;
}
};

 

解除禁止操作

通常直接按F12,如果此键被禁止可以通过SHIFT + CTRL + I打开,或者通过浏览器菜单里面的“开发人员工具”
选择控制台,输入以下代码回车即可。

// 开启右键菜单
document.oncontextmenu = function(){ return true; };
// 开启文字选择
document.onselectstart = function(){ return true; };
// 开启复制
document.oncopy = function(){ return true; };
// 开启剪切
document.oncut = function(){ return true; };
// 开启粘贴
document.onpaste = function(){ return true; };
// 开启F12键
document.onkeydown = function () {
if (window.event && window.event.keyCode == 123) {
event.keyCode = 0;
event.returnValue = true;
return true;
}
};

 

结语

细心的朋友可能发现F12 键盘的代码中含有123,其实这个是键盘的键盘码,同理可以换成其他按键(键盘码)进行禁止某键或者开启某个按键,最后附上一份键盘码便于使用。

原创文章,作者:mantou,如若转载,请注明出处:https://v2ez.com/171.html

(0)
mantoumantou
上一篇 2021年4月29日
下一篇 2021年5月3日

相关推荐

  • WordPress导航菜单添加小字hot、new、推荐等

    如果你看到别人的WordPress网站,导航菜单有小字,也叫角标,自己不知道怎么添加,那么下面的教程可以让你也用上。 比如我网站上的限时优惠和感谢打赏这两个小字都是一样的方式实现的…

    代码程序 2021年3月21日
  • 一款极简、无痕、匿名聊天室,多种方式部署

    Minichat Minichat 是一款极简、极轻、无痕、匿名的聊天工具,开发此程序的本意是用于自己平日与好友临时讨论敏感话题时使用,现开源共享,代码简陋,请多包涵。 项目地址:…

    2024年7月12日
  • 1panel 自定义博客的 404 页面

    今天忽然发现,我的博客的 404 界面被 Openresty 默认的 404 界面给覆盖了,经过一番查找,终于找到了解决方法。 问题原因 默认情况下,Nginx 或 Openres…

    代码程序 2025年3月19日
  • 如何在 WordPress 中添加 Cloudflare Turnstile 验证码

    您想在 WordPress 中添加 Cloudflare Turnstile 验证码吗? CAPTCHA 和 reCAPTCHA 可以阻止垃圾邮件机器人,但它们也不受访问者欢迎。通…

    2023年4月14日
  • 如何解决GitHub作图床国内无法显示的问题

    最开始我用 WordPress 是直接将图片放到 VPS 上,后来发现转移有些不方便也不好管理,再加上一直是便宜主机,容量也有限。后来我又转到 ya.ru,上传方式和速度都不理想。…

    代码程序 2021年4月20日
  • Linux服务器SSH端口一键修改脚本

    说明:我们的很多VPS服务器,默认的端口都是22,所以一直会被人扫描爆破,很容易会出现问题,所以我们需要通过修改端口来尽可能减少这种事情发生,但对于很多小白或者很懒的人来说,更喜欢…

    代码程序 2021年5月25日
  • ChatAIr-ChatGPT 客户端 TF 版发布

    市面上那么多 ChatGPT 客户端,为啥还要重复造轮子 先回答一个可能部分人看到标题就会想到的问题~ 嗯,市面上大部分三方客户端我都用过,用起来也很方便,只是,我长期使用下来后发…

    2023年9月26日
  • 在 GitHub 中隐藏自己的邮箱地址

    如何找到Github用户的邮箱 在介绍隐藏前首先咱们要知道,如何查看开发者的邮箱。 情况一 :对方主页上写了邮箱 这种最简单,大部分的开发者都会在Github主页留下自己的联系邮箱…

    2024年9月20日
  • Docker 搭建开源文件同步工具 Syncthing

    简介 Syncthing 是一个开源的文件同步工具,可以在不同设备之间同步文件和文件夹。它使用了点对点的方式进行同步,如果点对点连接成功则不需要通过云服务器中转,因此更加安全和私密…

    2023年12月7日
  • Nginx 反向代理ddns网站

    由于一些原因,需要反向代理一些ip经常变化的站点,最初以为只要把域名填好就行,ip变化的时候,nginx会根据ddns域名来回源,但是事实并非如此,在每一次更换ip地址之后,都要r…

    代码程序 2021年5月16日

发表回复

登录后才能评论