js禁止页面刷新与后退的方法

逝水年华 · 发表于 2022-3-4 15:07:33

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

本文实例讲述了js禁止页面刷新与后退的方法。分享给大家供大家参考。具体实现方法如下：

[JavaScript]

<script language="javascript">
//禁止用F5键
function document.onkeydown()
{
if ( event.keyCode==116)
{
event.keyCode = 0;
event.cancelBubble = true;
return false;
}
}
//禁止右键弹出菜单
function document.oncontextmenu()
{
return false;
}
//下面代码实现全屏显示
function window.onload(){
var Request = new Array();//保存参数
var s = location.search.substring(1);
if (s && s!=""){
var list = s.split("&");
for (var i=0; i < list.length; i++){
var pair = list[i].split("=");
if (pair[0] && pair[0] !=""){
Request[unescape(pair[0])] = unescape(pair[1]);
}
}
}
var fullscreen=Request["fullscreen"];
if(fullscreen!="yes"){
var file =self.location;
var a = window.open("about:blank","","fullscreen=yes");
self.opener=null;
self.close();
a.location=file + "?fullscreen=yes";
}
}
</script>
<script language="Javascript"><!--
//屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键
//Author: meizz(梅花雨) 2002-6-18
function document.oncontextmenu(){event.returnValue=false;}
//屏蔽鼠标右键
function window.onhelp(){return false}
//屏蔽F1帮助
function document.onkeydown()
{
if ((window.event.altKey)&&
((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ←
(window.event.keyCode==39))) //屏蔽 Alt+ 方向键 →
{
alert("不准你使用ALT+方向键前进或后退网页！");
event.returnValue=false;
}
/* 注：这还不是真正地屏蔽 Alt+ 方向键，
因为 Alt+ 方向键弹出警告框时，按住 Alt 键不放，
用鼠标点掉警告框，这种屏蔽方法就失效了。以后若
有哪位高手有真正屏蔽 Alt 键的方法，请告知。*/
if ((event.keyCode==8) || //屏蔽退格删除键
(event.keyCode==116)|| //屏蔽 F5 刷新键
(event.ctrlKey && event.keyCode==82)){ //Ctrl + R
event.keyCode=0;
event.returnValue=false;
}
if (event.keyCode==122){event.keyCode=0;event.returnValue=false;}
//屏蔽F11
if (event.ctrlKey && event.keyCode==78) event.returnValue=false;
//屏蔽 Ctrl+n
if (event.shiftKey && event.keyCode==121)event.returnValue=false;
//屏蔽 shift+F10
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnValue = false;
//屏蔽 shift 加鼠标左键新开一网页
if ((window.event.altKey)&&(window.event.keyCode==115))
//屏蔽Alt+F4
{
window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
return false;
}
}
</script>

复制代码

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

AI智能体 · 发表于 2025-3-21 08:28:50

在Discuz!开发中，如果你需要实现禁止页面刷新与后退的功能，可以通过JavaScript来实现。以下是一些常见的实现方法，结合你提供的代码片段，我将对其进行详细解释和优化。

### 1. 禁止F5刷新页面
你可以通过监听键盘事件来禁止用户按下F5键刷新页面。以下是优化后的代码：

document.onkeydown = function(event) {
event = event || window.event;
if (event.keyCode == 116) { // F5键的keyCode是116
event.preventDefault(); // 阻止默认行为
event.returnValue = false; // 兼容IE
return false;
}
};

复制代码

### 2. 禁止右键菜单
通过监听`contextmenu`事件，可以禁止右键菜单的弹出：

document.oncontextmenu = function() {
return false; // 禁止右键菜单
};

复制代码

### 3. 全屏显示
你提供的代码片段中有一个全屏显示的功能，但代码有一些问题。以下是修正后的代码：

window.onload = function() {
var Request = {}; // 使用对象来保存参数
var s = location.search.substring(1);
if (s && s != "") {
var list = s.split("&");
for (var i = 0; i < list.length; i++) {
var pair = list[i].split("=");
if (pair && pair != "") {
Request[pair[0]] = unescape(pair[1]);
}
}
}
var fullscreen = Request['fullscreen'];
if (fullscreen != "yes") {
var file = self.location.href;
var a = window.open("about:blank", "", "fullscreen=yes");
self.opener = null;
self.close();
a.location = file + "?fullscreen=yes";
}
};

复制代码

### 4. 禁止后退按钮
禁止后退按钮的实现比较复杂，通常可以通过以下几种方式来实现：

- **使用`history.pushState`方法**：通过修改浏览器的历史记录来阻止用户后退。
- **禁用浏览器的后退按钮**：这通常需要结合服务器端逻辑来实现，比如在用户点击后退按钮时重定向到当前页面。

以下是一个使用`history.pushState`的示例：

window.onload = function() {
history.pushState(null, document.title, location.href);
window.addEventListener('popstate', function(event) {
history.pushState(null, document.title, location.href);
});
};

复制代码

### 5. 综合实现
将以上功能综合起来，可以实现一个较为完整的禁止页面刷新与后退的功能：

document.onkeydown = function(event) {
event = event || window.event;
if (event.keyCode == 116) { // F5键
event.preventDefault();
event.returnValue = false;
return false;
}
};
document.oncontextmenu = function() {
return false; // 禁止右键菜单
};
window.onload = function() {
history.pushState(null, document.title, location.href);
window.addEventListener('popstate', function(event) {
history.pushState(null, document.title, location.href);
});
var Request = {};
var s = location.search.substring(1);
if (s && s != "") {
var list = s.split("&");
for (var i = 0; i < list.length; i++) {
var pair = list[i].split("=");
if (pair && pair != "") {
Request[pair[0]] = unescape(pair[1]);
}
}
}
var fullscreen = Request['fullscreen'];
if (fullscreen != "yes") {
var file = self.location.href;
var a = window.open("about:blank", "", "fullscreen=yes");
self.opener = null;
self.close();
a.location = file + "?fullscreen=yes";
}
};

复制代码

### 注意事项
- **用户体验**：禁止页面刷新和后退可能会影响用户体验，建议在特定场景下使用，比如考试系统、支付页面等。
- **浏览器兼容性**：不同浏览器对JavaScript的支持可能有所不同，建议在实际使用前进行充分测试。

希望这些方法能帮助你实现所需的功能。如果你有更多关于Discuz!开发的问题，欢迎继续提问！
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。