前端:屏蔽F12审查元素,禁止修改页面代码

所周知,审查元素的情况下,大家都可以随机更改一部分页面的代码,
注入恶意JS等等,这种情况避免也不难,虽然还能看到一部分H5源码,但是无法修改

屏蔽F12 审查元素

// 屏蔽F12 审查元素
document.onkeydown = function(event){
	if(window.event && window.event.keyCode == 123) {
		alert("F12被禁用");
		event.keyCode=0;
		event.returnValue=false;
	}
	if(window.event && window.event.keyCode == 13) {
		window.event.keyCode = 505;
	}
	if(window.event && window.event.keyCode == 8) {
		alert(str+"\n请使用Del键进行字符的删除操作!");
		window.event.returnValue=false;
	}
}

除了屏蔽这个,我们还有其他有趣的设置:

屏蔽右键菜单

// 屏蔽右键菜单
document.oncontextmenu = function (event){
	window.event.returnValue = false;
}

屏蔽复制

// 屏蔽复制
document.oncopy = function (event){
	window.event.returnValue = false;
}

屏蔽粘贴

//屏蔽粘贴
document.onpaste = function (event){
	window.event.returnValue = false;
}

屏蔽剪切

// 屏蔽剪切
document.oncut = function (event){
	window.event.returnValue = false;
}

屏蔽选中

// 屏蔽选中
document.onselectstart = function (event){
	window.event.returnValue = false;
}

你可能感兴趣的:(前端开发,前端,javascript,开发语言)