JavaScript网页屏蔽常用操作实现指南
作者:木棉时间:2026-11-01 03:41:36浏览:546
本文汇总了前端开发中常用的JavaScript屏蔽操作,涵盖网络劫持检测、禁止右键菜单与复制、拦截特定按键组合以及清除表单缓存等场景。通过具体代码示例,展示如何利用DOM事件监听和属性设置实现页面交互限制,帮助开发者提升网页安全性与用户体验。
前言
本文整理前端开发中常见的JavaScript屏蔽功能,涉及网络劫持防护、内容复制限制、键盘按键拦截以及缓存记录清除等实用场景。
1、网络劫持
// 网络劫持禁止直接跳转
function network_hijacking() {
var strSourceURL = document.referrer;
var urls = ['192.168.248.128']; //指定要监听的域名或地址,多个可以在数组中直接追加。如:['www.123.com', '123.com', '123']
var result = false;
for (key in urls) {
if (strSourceURL.indexOf(urls[key]) >= 0) {
// 指定的字符串Urls[key]在字符串中出现则>=0,否则为-1
// 置标志
result = true;
// 匹配后跳出循环
break;
}
}
return result;
}
// 登录加载
window.onload = function() {
if(network_hijacking()==false)
{
//按照返回值执行对应操作
window.location.replace("error.html");
return;
}
}
2、禁止复制
//阻止复制
document.body.oncopy = function() {
return false;
}
3、禁止菜单
// 禁止右键菜单
document.oncontextmenu = new Function("event.returnValue=false");
//禁止开始菜单
document.onselectstart = new Function("event.returnValue=false");
4、禁止按键
//按键触发
document.onkeydown = function(){
//禁止ctrl+u
if (event.ctrlKey && window.event.keyCode==85){
return false;
}
//禁止 F12
if (window.event && window.event.keyCode == 123) {
event.keyCode = 0;
event.returnValue = false;
}
//禁止ctrl+s
if (event.ctrlKey && window.event.keyCode==83){
return false;
}
//禁止 F5
if (window.event && window.event.keyCode == 116) {
event.keyCode = 0;
event.returnValue = false;
}
}
5、清除缓存
// 清除缓存记录
window.onload = function() {
//清理缓存
document.getElementById('form').reset();
// 关闭记录
document.getElementById('input').autocomplete = "off";
}关于JavaScript网页屏蔽操作的总结到此结束,更多相关技术细节可参考本站历史文章或继续浏览后续内容,感谢支持。
作者最新文章
JS合并多个数组的三种方法:concat、spread与flat
2026-11-05 17:39:45
JavaScript怎么准确判断数据类型:typeof、instanceof与Object.prototype.toString
2026-11-05 17:09:21
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
