背景介绍
在实际开发中,我们经常会点击鼠标右键查看网页源码或者打开开发者工具。
有些时候我们可能会看到别人写的网页,想要借鉴一下;突然发现在这个网页中鼠标右键点击没有用或按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;
}
};
附 键盘码
查看对应的键盘码,你就可以对你的网页实现任意按键禁用了
//www.greatytc.com/p/cfecb834c6db