JavaScript屏蔽F12、右键及Ctrl+Shift+I查看源码的实现方法

作者:微光时间:2026-10-26 10:03:03浏览:586

本文介绍如何使用JavaScript屏蔽用户通过F12、Ctrl+Shift+I或鼠标右键查看网页源代码的操作。通过监听document的onkeydown和oncontextmenu事件,拦截特定Keycode(如123、85、73)并阻止默认行为,从而保护前端代码不被轻易查看。

利用JavaScript技术阻止查看源代码并捕获键盘按键数值

应用场景:在特定需求下,为防止用户窥探源代码或需监听特定键盘按键,配置如下策略

提取键盘按键数值

第一种:
document.onkeydown=function(){
	var e=window.event||arguments[0];
    alert(e.keyCode)
};
 
第二种:
document.onkeydown=function(e){
    alert(e.keyCode)
}

利用JavaScript技术阻止查看源代码并捕获键盘按键数值

演示按下F5键时,弹窗显示对应的按键数值

实施禁止查看源代码措施

document.onkeydown=function(e){
		if(e.keyCode==123){
			alert("按了F12页不给你看");
			return false;
		}else if((e.ctrlKey)&&(e.keyCode==85)){
			alert("按了Ctrl+U页不给你看");
			return false;
		}
		};
		document.oncontextmenu=function(){
			alert("按了右键也不给你看");
			return false;
		}

利用JavaScript技术阻止查看源代码并捕获键盘按键数值

利用JavaScript技术阻止查看源代码并捕获键盘按键数值

利用JavaScript技术阻止查看源代码并捕获键盘按键数值

补充说明:JavaScript屏蔽网页源代码查看的实现方案

首先介绍三种常见的查看途径:

1、直接按下F12键

2、使用Ctrl+Shift+I组合键查看

3、通过鼠标右键菜单查看

需屏蔽上述三种状态,利用document对象的onkeydown(键盘事件)定位keycode并处理,以及oncontextmenu(右键事件)进行屏蔽。

JavaScript代码实现如下:

window.onload=function(){
document.onkeydown=function(){
var e=window.event||arguments[0];
if(e.keyCode==123){
alert("小样你想干嘛?");
return false;
}else if((e.ctrlKey)&&(e.shiftKey)&&(e.keyCode==73)){
alert("还是不给你看。。");
return false;
}
};
document.oncontextmenu=function(){
alert("小样不给你看");
return false;
}
}

至此,关于利用JavaScript实现禁止查看源码及获取键盘按键值的介绍结束,更多相关js禁止查看源码及获取键盘按键值内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!

作者最新文章
相关文章
更多