灵活解除网页操作限制

背景介绍

在实际开发中，我们经常会点击鼠标右键查看网页源码或者打开开发者工具。
有些时候我们可能会看到别人写的网页，想要借鉴一下；突然发现在这个网页中鼠标右键点击没有用或按F12也没用，会顿时懵逼，其实这是因为网站作者开启了鼠标右键禁用。
那我们如果我们自己也有这样的需求如何实现呢？

实现禁止操作

我们只需要在网页的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;
    }
};

附 键盘码

查看对应的键盘码，你就可以对你的网页实现任意按键禁用了
https://www.jianshu.com/p/cfecb834c6db